- 內(nèi)聯(lián)元素
- 叫法有內(nèi)聯(lián)元素、內(nèi)嵌元素、行內(nèi)元素、直進(jìn)式元素
- 一般都是基于語(yǔ)義級(jí)(semantic)的基本元素,它只能容納文本或者其他內(nèi)聯(lián)元素,通常被包括在塊元素中使用。
- 內(nèi)聯(lián)元素有這些
- a - 錨點(diǎn)
abbr - 縮寫(xiě)
the <abbr title="world wield web constium">W3C</abbr>is important;
abbr.jpg
b - 粗體(不推薦)、strong - 粗體強(qiáng)調(diào)、em - 斜體重要{均是雙標(biāo)簽}
在沒(méi)有其他合適標(biāo)簽更合適時(shí),才應(yīng)該把<b>
標(biāo)簽作為最后的選項(xiàng)。HTML5 規(guī)范聲明:應(yīng)該使用<h1> - <h6>
來(lái)表示標(biāo)題,使用<em>
標(biāo)簽來(lái)表示強(qiáng)調(diào)的文本,應(yīng)該使用<strong>
標(biāo)簽來(lái)表示重要文本。
這些也都可通過(guò)font-weight屬性來(lái)設(shè)置。
bdo 定義文本方向
<br /> rtl: <bdo dir="rtl">here is some text</bdo> <br /> ltr: <bdo dir="ltr">here is some text</bdo>
dbo.jpg
big - 較原來(lái)字體大一號(hào)。<big><big>12</big></big>
br - 換行<br>
<br />
clear屬性
cite - 引用,斜體顯示
code - 計(jì)算機(jī)代碼(在引用源碼的時(shí)候需要)
dfn - 定義字段
i - 斜體
img - 圖片
input - 輸入框
kbd - 定義鍵盤文本
samp - 定義范例計(jì)算機(jī)代碼
var - 定義變量
q - 短引用
small - 小字體文本
span - 常用內(nèi)聯(lián)容器,定義文本內(nèi)區(qū)塊
label - 表格標(biāo)簽
del-刪除部分
ins-新插入部分
select - 項(xiàng)目選擇
sub - 下標(biāo)
sup - 上標(biāo)
textarea - 多行文本輸入框
iframe-創(chuàng)建包含另一個(gè)文檔的內(nèi)聯(lián)框架
<iframe src="block_elements.html" width="" height=""></iframe>
iframe.jpg
(map,area)-帶有可點(diǎn)擊區(qū)域的圖像映射
< img src="../../LG/image/ff8080814aecc157014aecdf36aa002a.jpg" width="300px" border="0" usemap="#test" alt="test" />
<map name="test" id="test">
<area shape="circle" coords="20,20,50" href="block_elements.html" alt="" />
</map>
- a - 錨點(diǎn)
- 塊級(jí)元素
- address - 定義文檔或文章的作者的聯(lián)系信息,不要局限于地址,以斜體的形式展現(xiàn)。
<address>Written by miss_du</address>.jpg
blockquote - 標(biāo)簽定義塊引用,左右兩邊會(huì)自動(dòng)進(jìn)行縮進(jìn)
俗話說(shuō)得好
<blockquote>
笨鳥(niǎo)先飛
</blockquote>
blockquote.jpg
dir - 目錄列表
<dir>
<li>第一章</li>
<li>第二章</li>
<li>第三章</li>
</dir>
dir.jpg
dl>dt+dd-定義列表,這個(gè)經(jīng)常用,就不距離啦
ul>li-定義無(wú)須列表
ol>li-定義有序列表
div常用的塊級(jí)元素,用于css布局。
(fieldest,legend)-組合表單中的相關(guān)元素
<fieldset id="">
<legend>性別</legend>
女:<input type="radio" name="" id="" value="" />
男:<input type="radio" name="" id="" value="" />
</fieldset>
fieldset.jpg
form - 交互表單
h1 ~h6
hr - 水平分隔線
noframes - frames可選內(nèi)容,(對(duì)于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容
noscript - 可選腳本內(nèi)容(對(duì)于不支持script的瀏覽器顯示此內(nèi)容)
pre - 格式化文本,,主要用于顯示源碼。
<pre>
<a>
顯示源碼了么?
</a>
</pre>
pre.jpg
table - 表格
<table border="" cellspacing="" cellpadding="">
<caption>hello</caption>
<thead style="background: black;color: #fff;">
<tr>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data</td>
<td>Data</td>
</tr>
</tbody>
</table>- 需要注意:caption元素在表格中重復(fù)會(huì)折行,但是脫離表格,重復(fù)不會(huì)折行。