HTML 块级元素内联元素

在HTML中,主要有两种HTML元素。

  • 块级 元素:

    • 段落: <p>
    • 列表: 有序列表 <ul>、无序列表<ol>
    • 标题:<h1><h6>
  • 内联 元素:

    • 超链接 <a>
    • 强调 <em>
    • 语气更强的强调 <strong>
    • 短的引用 <q>
    • 缩写 <attr>

块级 元素可以通过将你的页面内容清晰的划分为多个部分。

内联 元素用来指定页面中有特殊意义的词语,给予词语一定的意义和功能,一般内联元素只用来包括一个或几个词语。

{% highlight html %}

你有没有在知乎上订阅 挨踢路透社 的专栏?

{% endhighlight %}

开始和闭合标签

所有 块级元素都有开始和闭合标签

因此,自闭和元素是行内元素,仅仅是因为他们的语法不允许他们包含其他的HTML元素。

有开始和闭合标签 自闭和元素
块级元素 <p> </p>
<ul> </ul>
<ol> </ol>
木有
内联元素 <a> </a>
<strong> </strong>
<em> </em>
<input>
<br>
<img>

其他类型的HTML元素

这里有几个特殊的元素,虽然比较特殊但你会经常遇到它们:

  • 列表项 <li>
  • 表格, 表格行, 表格列 分别是 <table>, <tr><td>