HTML和css

问题一:使用vscode打开写好的htlm文件未出现open in the browser

解决:vscode中缺少插件,需要安装插件

  1. 检查扩展
    • 打开 VSCode。
    • 点击左侧边栏的扩展图标(或使用快捷键 Ctrl+Shift+X)。
    • 在搜索框中输入“browser”或“open in browser”等关键词,查找是否有相关的扩展。
    • 如果有,确保它们是启用的。如果没有,你可能需要安装一个,如“Open in Browser”扩展。

问题二:

span和div是没有任何语义的标签;

HTML和css_第1张图片

问题三:超链接

标签: ....

属性: href: 指定资源访问的url

         target: 指定在何处打开资源链接

                _self: 默认值,在当前页面打开

                _blank: 在空白页面打开

问题四:文本格式

在上述的正文排版实现中,还用到了几个CSS属性:

text-indent: 设置段落的首行缩进

line-height: 设置行高

text-align: 设置对齐方式, 可取值为 left / center / right

问题五:布局

第一步:需要将body中的新闻标题部分、正文部分使用一个 div 布局标签将其包裹起来,方便 通过css设置内容占用的宽度,比如:65%。

第二步:通过css为该div设置外边距,左右的外边距分别为:17.5%,上下外边距靠边展示即 可,为:0%。

注:....里通常是操作的

....里是内容

最终代码:




    
    
    访谈 
    


    
新浪政务 > 正文

访谈

2023年3月2日 ***网

央视网消息 第一段

第二段。

第三段。

第四段

责任编辑:王记者 SN242

你可能感兴趣的:(javaweb,html,css,前端)