HTML-标签之文字排版、图片、链接、音视频

1、标签语法

HTML超文本标记语言——HyperText Markup Language

• 超文本是链接
• 标记也叫标签，带尖括号的文本

2、HTML基本骨架

HTML基本骨架是网页模板

• html：整个网页
• head：网页头部，存放给浏览器看的代码，例如CSS
• body：网页主体，存放给用户看的代码，例如 图片、文字
• title：网页标题

VS Code快速生成骨架：在HTML文件（.html）中，!（英文）配合Enter/Tab键

3、标签的关系

作用：明确代码的书写位置

• 父子关系（嵌套关系）
• 兄弟关系（并列）

向后缩进：Tab

向前缩进：Shift+Tab

4、注释

注释就是对代码的解释和说明，其目的是能够更加轻松地了解代码。注释是编写程序时，写程序的人给一个语句、程序段、函数等的解释或提示，能提高程序代码的可读性。

<!-...->注释标签用来在源文档中插入注释，注释不会在浏览器中显示

在VS Code中，添加/删除注释的快捷键：Ctrl + /

 5、标题标签

一般用在新闻标题、文章标题、网页区域名称、产品名称等等。

标签名：h1~h6（双标签）

显示特点：

• 文字加粗
• 字号逐渐减小
• 独占一行（换行）

经验分析：

• h1标签在一个网页中只能用一次，用来放新闻标题或网页的logo
• h2~h6没有使用次数的限制

6、段落标签

一般用在新闻段落、文章段落、产品描述信息等等。

标签名：p（双标签）

如上图，有三个段落 

显示特点：

• 独占一行
• 段落之间存在间隙

7、换行与水平线标签

• 换行：<br> （单标签）

• 水平线：<hr> （单标签）