HTML元素

HTML元素是由一个开始标签，一个结束标签，以及内容。结束标签与开始标 签类似，不过结束标签在尖括号内多了一个斜线。标签决定了其内容的特性。如下，标 签内的问题以段落形式进行显示。

块级元素（ Block elements）

独占一行空间，用来布局段落，列表，导航菜单，脚注等结构，不要将块级元素嵌 套在行内元素中。<p>this is paragraph1</p><p>this is paragraph2</p>

用于搭建页面框架

特性：

独占一行空间默认宽度为父元素的100%，默认高度由子元素或者内容决定可以为块元素指定宽度和高度

行内元素（ Inline elements）

与其他元素共享一行空间，一般被嵌套在块级元素中，通常作为段落的一部分出现

<p>you are <strong>strong</strong></p>

用于填充，装饰。

特性：

行内元素不可以嵌套块元素多个行内元素共享一行空间不可以指定高度

空元素（ Empty elements）

只包含单个标签，通常用于在文档中插入部分内容，例如img<div><img src="my.jpg" alt=""></div>

替代元素（ replaced element ）

替代元素已经脱离了CSS的范畴，它们的表现不依赖CSS，典型的替换元素有<img>，<object>，<video>，<textarea>，<input>，<audio>，<canvas>等。

块级元素行内元素空元素替代元素div（无意义）span（无意义）imgimgh1-h6a(超链接)brobjectmarginurl(锚点)linkinputfont-sizeimgmetacanvasfont-weightsrcaudiopalttextareapadding以下是装饰性行内元素（逐步淘汰）videoul,listronglist-stylebol,liemdl,dt,ddihtmldelbodysub/supnavutablelabelthead/tbody/tfoot/captioncolgrouptr,th,tdform