02 前端--标签总结

Posted 2021-03-26 xichenhome

一、块级元素：块级大多为机构行标记

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 块级元素

1. 总是从新的一行开始
2. 高度、宽度都是可控的
3. 宽度没有设置时，默认时100%
4. 块级元素中可以包含块级元素和行内元素

3.2 行内元素

1. 和其他元素都是在一行的
2. 高度，宽度、内边距都时不可控的，根据行内字体的大小决定的
3. 宽高就是标签内内容的高度、不可以改变
4. 行内元素只能包含行内元素，不能包含块级元素