1. 程式人生 > >html塊元素與內聯元素

html塊元素與內聯元素

大多數 HTML 元素被定義為塊級元素或內聯元素。

編者注:“塊級元素”譯為 block level element,“內聯元素”譯為 inline element。

HTML 塊元素

塊級元素在瀏覽器顯示時,通常會以新行來開始(和結束)。

例子:

<h1> ~ <h6> 標題

<hr/>  水平分割線

<p>...</p>  段落

<pre>...</pre>  預格式化

<blockquote>...</blockquote>  段落縮排   前後5個字元

<marquee>...</marquee>  滾動文字

<ul>...</ul>  無序列表

<ol>...</ol>  有序列表

<dl>...</dl>  定義列表

<table>...</table>  表格及以下所有子元素

<section>...</section>  定義 section

<form>...</form>  表單

<div>...</div>

HTML 內聯元素

內聯元素在顯示時通常不會以新行開始。

例子:

<a>...</a>  超級連結

<b>...</b>  定義粗體字

<i>...</i>  斜體

<em>...</em>  強調文字

<br/>  換行

<button>...</button>  按鈕

<abbr>...</abbr>  定義縮寫

<img />  影象

<input/>  輸入框

<label>...</label>  input 元素的標註

<code>...</code>  計算機程式碼文字

<mark>...</mark>  記號的文字

<select>...<.select>  選擇列表(下拉列表)

<span>...</span>  文件中的節

<textarea>...</textarea>  文字域

<video>...<video>  視訊