html塊元素與內聯元素
阿新 • • 發佈:2018-11-06
大多數 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> 視訊