html：元素类型

基础不能忘哦~

元素类型

1、块级元素（display: block）

<div>
<p>
<h1>-<h6>
以下不常用

<ol>有须列表
<ul>无须列表
<li>须列表项

<dl>列表
<dt>列表项
<dd>列表项描述

<table>表格
<tr>表格行

<address>
<blockquote>引用长文字
<form>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

特点：

• 每个块级元素都是自己占用一行。
• 高度、宽度、行高以及到顶和底边的距离都可设置。
• 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

2、行内元素（display: inline）

<span>
<a>

以下不常用
<b>加粗
<br>换行
<i>单纯的斜体
<em>表示强调，特点是斜体
<strong>比em更强，特点是加粗
<label>对input标签的标注
<q>引用短文字，和<blockquote>对应
1
2
3
4
5
6
7
8
9
10
11

特点：

• 和其它元素都在一行上。即自己不独占一行
• 元素的高度、宽度以及到顶部和底部的距离不可设置
• 元素的宽度就是它包含的文字或图片的宽度，不可改变

3、行内块级元素（display: inline-block）

display 属性值为inline-table, inline-block, inline-flex, inline-grid

<img>
<input>
<textarea>
<select>
1
2
3
4

特点：

• 和其它元素在一行上
• 元素的高度、宽度、行高以及到顶部和底部的距离都可以设置
• 以基线对齐的，可以使用 vertical-align:top、bottom、middle