一、标题标签
- h1：一级标题
- h2：二级标题
- h3：三级标题
- ..
- h1~h6标签，文字是由大到小，由粗到细的过程
二、段落和换行标签
段落标签：p标签，可以对文章进行分段，段落与段落之间是有间隙的
换行标签：br标签，它是一个单标签。可以对段落中的文字进行强制换行
三、文本格式化标签
| 标签 | 作用 |
|---|---|
| strong标签 | 可以对文本进行加粗显示，具有强调作用。推荐使用strong标签，strong标签的语义更加强烈 |
| b标签 | 可以对文本进行加粗显示，具有强调作用 |
| em标签 | 可以对文本进行倾斜显示，推荐使用em标签，因为em标签的语义更加强烈 |
| i标签 | 可以对文本进行倾斜显示 |
| del标签 | 删除线。推荐使用del标签，因为del标签的语义更加强烈 |
| s标签 | 删除线 |
| ins标签 | 下划线。推荐使用ins标签，因为ins标签的语义更加强烈 |
| u标签 | 下划线。 |
四、布局标签
div标签和span标签。这两个标签没有任何语义化的意义
-
div标签
- div标签，表示的是网页中一块内容。里面可以嵌套任何标签，单独占据一行
-
span标签
- span标签表示的文本中的间隙，在一行显示，不独占一行。
五、图片标签和路径
图片标签：img标签，是一个单标签。可以在网页上显示图片
img标签的常用属性
- src属性：是
img标签必须具有的一个属性 - alt属性：当图片加载不出来的时候显示。对图片的内容的解释
- title属性：任何标签都具有的一个属性。鼠标移入的时候显示的提示文字
- width属性和height属性，可以用来设置图片的宽和高。为了防止图片失帧，一般情况下只设置图片的宽或者图片的高
- border属性，可以给图片添加边框。一般不用。
<body>
<img src="2.jpg" title="这是一张关于春节的图片" width="200" border="10"/>
</body>
六、超链接标签
-
作用：超链接就是用来在页面之间进行相互跳转的
-
a链接打开页面的方式：设置target属性
- _self：当前窗口打开页面，默认值
- _blank：在另一个窗口打开页面 超链接的分类
-
外部链接
<!-- 在另一个窗口打开百度页面 -->
<a href="https://www.baidu.com" target="_blank">去百度</a>
- 内部链接
<a href="详情页.html">去详情</a>
- 下载链接
<!-- <a href="要下载的文件路径">下载</a> -->
<a href="1.zip">下载</a>
-
锚点链接：在同一个页面中，可以跳转到不同的位置
- 设置a标签的href属性值为“#id名”
<a href="#history">历史发展</a>- 给要跳转到的位置的标签添加一个id属性，值为href属性#后面的值
<h4 id="history">历史发展</h4>
七、HTML中的注释和特殊字符
- HTML注释的语法：
<body>
<!-- 这是注释的语法格式 -->
<!-- 注释的快捷键是：Ctrl + / -->
<!-- 注意：减号必须是最少左边两个，右边两个 -->
<!-- <a href="https://www.baidu.com" target="_blank">跳转</a> -->
</body>
- HTML中的特殊字符
| 特殊字符 | 含义 |
|---|---|
| 代表一个空格 |
< | 代表小于号 |
> | 代表大于号 |
© | ©版权符号 |
® | ® 商标注册符 |
× | × 乘号 |
÷ | ÷ 除号 |
™ | ™ 商标 |
