02 前端--标签总结
一、块级元素：块级大多为机构行标记
1.标题标签
<h1>标题一级</h1>
<h2>标题二级</h2>
<h3>标题三级</h3>
<h4>标题四级</h4>
<h5>标题五级</h5>
<h6>标题六级</h6>
2.水平分割线
<hr>
3.段落标签
<p></p>
4.列表标签
<!--无序列表-->
<ul></ul>
<!--有序列表-->
<ol></ol>
<!--定义列表-->
<dl></dl>
5.表格标签
<table></table>
6.表单标签
<form></form>
7.div标签
<div></div>
二、行内元素
行内大多为描述性标记
<span></span>
1.链接标签
<a></a>
2.换行标签
<br>
3.加粗标签
<b></b>
4.加粗标签
<strong>...</strong>
5.图片标签
<img >
6.字体斜体标签
<i>...</i>
7.斜体标签
<em>...</em>
8.删除线标签
<del>...</del>
9.删除线标签
<s></s>
10.下户线标签
<u>...</u>
11.输入框标签
<input>...</input>
12.多行文件标签
<textarea>...</textarea>
13.下拉列表标签
<select>...</select>
三、块级元素和行内元素的区别
3.1 块级元素
- 总是从新的一行开始
- 高度、宽度都是可控的
- 宽度没有设置时，默认时100%
- 块级元素中可以包含块级元素和行内元素
3.2 行内元素
- 和其他元素都是在一行的
- 高度，宽度、内边距都时不可控的，根据行内字体的大小决定的
- 宽高就是标签内内容的高度、不可以改变
- 行内元素只能包含行内元素，不能包含块级元素
