文本標簽(不常用)
<em>......</em>:強調語氣。文本的著重點,把某個關鍵點變成斜體。
<strong>.......</strong>:強調內容。內容重點加粗
<small>.......</small>:網頁版權聲明
<big></big>:加大字體。棄用
<cite>《七龍珠》</cite>:標注書名、歌名等。表示參考內容。
<blockquote></blockquote>:長引用,用于論壇回復。
<sup a href="#">2</sup>:上標備注
<sub> 下標</sub>
<ins>zs</ins>:下劃線
<del>400(原價)</del>:刪除線,淘寶打折商品原價。
<pre></pre>:保留輸入格式的標簽,包括所有標簽和換行
<code></code>:表示一段代碼。
兩個便簽應聯合使用:
<pre><code>white True:pass</code></pre>
列表
- 列表就相當于去超市購物時的那個購物清單,在HTML也可以創(chuàng)建列表,在網頁中一共有三種列表:
- 無序列表
- 使用ul標簽來創(chuàng)建一個無序列表
- 使用li在ul中創(chuàng)建一個一個的列表項,一個li就是一個列表項
- 通過type屬性可以修改無序列表的項目符號,可選值:
disc:默認值,實心的圓點
square:實心的方塊
circle:空心的圓圈
注意:默認的項目符號我們一般都不使用,如果需要設置項目符號,則可以采用為li設置背景圖片的方式來設置。
ul和li都是塊元素。
實例:
<ul>
<li>西門大官人</li>
<li>柴大官人</li>
<li>許大官人</li>
<li>唐僧大官人</li>
</ul>
- 有序列表
有序列表和無序列表類似,只不過它使用ol來代替ul
有序列表使用有序的序號作為項目符號
type屬性,可以指定序號的類型,可選值:
1,默認值,使用阿拉伯數字
a/A,采用小寫或大寫字母作為序號
i/I,采用小寫或大寫的羅馬數字作為序號
ol也是塊元素
實例:
<ol type="1">
<li>結構</li>
<li>表現</li>
<li>行為</li>
</ol>
- 列表之間都是可以互相嵌套,可以在無序列表中放個有序列表,也可以在有序列表中放一個無序列表。
<ul>
<li>
魚香肉絲
<ol>
<li>魚</li>
<li>香</li>
<li>肉絲</li>
</ol>
</li>
<li>
宮保雞丁
<ul>
<li>宮保</li>
<li>雞丁</li>
</ul>
</li>
</ul>
- 定義列表
定義列表用來對一些詞匯或內容進行定義
使用dl來創(chuàng)建一個定義列表,它有兩個子標簽
dt:被定義的內容
dd:對定義內容的描述
同樣,dl、ul、ol之間都可以互相嵌套
<dl>
<dt>武松</dt>
<dd>景陽岡打虎英雄,戰(zhàn)斗力99</dd>
<dd>后打死西門慶,投奔梁山</dd>
<dt>武大</dt>
<dd>著名餐飲企業(yè)家,戰(zhàn)斗力0</dd>
</dl>