HTML 元素类型

每一个HTML元素都有一个默认的显示值，它都取决于元素的类型。在CSS中，根据它的分类我们可以把HTML元素分为三种类型：块状元素（block）、内联元素（inline）以及内联块状元素（inline-block）。

块状元素

标签独自占据一行，相邻块状元素不会并列显示，且它的顺序是自上而下的排列；
在网页中以块的形式显示为矩形区域；
所有块状元素都可以定义自己的宽度和高度；
作为其他元素的容器，可以容纳其他内联和块状元素。

块级元素总是从新的一行开始并占据可用的全宽度（进可能向左右延伸）：

    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>

常见的块级元素有（大多为结构性标记）：

<h1> ~ <h6>、<p>、<div>、<ul>、<ol>、<li>、<dl>、<dt>、<dd>、<table>、<form>、<hr>、<pre>、<blockquote>、<marquee>、<address>、<article>、<aside>、<canvas>、<fieldset>、<figcaption>、<figure>、<footer>、<header>、<main>、<nav>、<noscript>、<section>、<tfoot>、<video>、等。

内联元素（行内元素）

标签在一行内，宽度和高度由内容决定，只有在内容超过HTML的宽度时，才会换行；
表现形式始终以行内逐个进行显示；
没有自己的形状，不能定义宽高，最小内容单元也呈现矩形形状；
遵循盒子模型基本规则。

内联元素不从新行开始，只占用所需的宽度：

    <span>内联元素</span>

常见的内联元素有（大多为描述性标记）：

<span>、<a>、<em>、<abbr>、<acronym>、<bdo>、<b>、<big>、<button>、<bfn>、<kbd>、<map>、<object>、<output>、<samp>、<script>、<small>、<sup>、<sub>、<time>、<tt>、<q>、<var>、<cite>、<code>、<label>、<br>、<i>、<select>、<strong> 等。

内联块状元素

同时具备内联元素和块状元素的特点。

常见的内联元素有：<img>、<input>

课后小练习

HTML 元素类型我们可以分为哪几类？
分别写说html不同类型元素（标签最少不低于5个）
分别写出多种元素类型的不同特点
通过对三种元素的认识与初步了解，三者之间的差距和共同点有哪些呢？