1,基础认知
我们看到的网页背后本质是什么？
代码
代码通过什么软件转换成用户眼中的页面？
浏览器的渲染和解析
浏览器引擎不同，导致解析相同代码时的速度、性能、效果也不同的。
WEB标准的构成：
HTML(结构）：页面元素和内容
CSS（表现）：网页元素的外观和位置等页面样式，如颜色，大小
JAVASCRIPT（行为）：网页模型的定义与页面交互
HTML的本质：标签、标记
案例：文字变粗案例
<strong>HELLO WORLD</strong>
HTML骨架结构
整体、头部、标题、主体
VSCODE中添加默认浏览器查看
在左侧扩展中，搜索open即可看到open in browser。安装完以后，输入完代码可以直接ALT+B在默认浏览器中查看实际网页效果。
！+回车/！+TAB，可以生成框架文件。
HTML的注释 <!-- -->
在VSCODE中：ctrl+/
HTML标签的结构
需要有包裹的内容，用双标签
不需要有包裹的内容，如换行，用单标签
HTML标签与标签之间的关系可分为：
父子关系（嵌套关系）
兄弟关系（并列关系）
CTRL+D，选中当前行的相同内容
CTRL+S，保存
标题标签<h1></h1>
段落标签<p></p>
换行标签<br>
长线标签<hr>
媒体标签
<img src="图片的路径（绝对或相对）" alt="如果显示不出，出现的文字" title"当鼠标悬停的时候，显示的文字">
title标签不光可以用于图片
音频视频相同
链接标签
VSCODE快捷： a + 回车
当开发网站初期，还不知道跳转地址的时候，href的值书写#(空链接)
target属性用来控制链接是否在新窗口打开