HTML标签的基本使用
基本标签
标题标签
1 | <h1></h1> |
<h1></h1>标题最大，<h6></h6>字体最小
居中标签
将文字放在里面，会在网页中居中，但是不常用了，也不推荐用了，后面会用CSS代替。
1 | <center></center> |
段落标签
我们在文字放在段落标签中，形成一个段落。
1 | <p></p> |
水平线标签
1 | <hr/> |
这是一个自闭和标签，也就是他只有一个标签，没有闭合标签。在网页上的效果就是形成条水平线。
字体标签
1 | <font></font> |
里面有一些属性：
- color:设置字体颜色
- face:设置字体
- size:设置字体大小
换行标签
1 | <br> |
这个也是一个自闭和标签，在html中，文档中的换行在html会失效，要实现换行必须使用<br>
加粗标签
1 | <b></b> |
将文字放在这个标签中，字体就会加粗。
下划线字体
1 | <u></u> |
将字体包含在这个标签中，就可以实现下划线效果。
斜体标签
1 | <i></i> |
将文字放在里面，可以实现文字的斜体效果。
图像标签
1 | <img src="路径"> |
在img标签中，我们在路径中可以写上图片的路径，比如绝对地址，相对地址，或者URL路径。
图像的替代文字，要是图片不能正确加载，我们使用文字来代替，使用alt属性。
1 | <img src="./img" alt="图片的描述"> |
格式文本
1 | <pre></pre> |
格式化文本。原样显示，包括里面的一些换行，空格。
超链接
- 链接到外部
- 链接到内部文档（锚点）
- 电子邮件
详细介绍：
- 连接到外部：
1 | <a href="URL" target="规定在何处打开链接"></a> |
- 内部链接
要跳转到的地方：
1 | <a name="hmbb"></a> |
跳转的按钮：
1 | <a href="#hmbb">点击跳转</a> |
元素的区分
块级元素
独占一行。
行内元素
不会独占一行。