塊級標(biāo)簽

一、標(biāo)題標(biāo)簽

標(biāo)題大小有<h1>至<h6>

<h1>···</h1>

<h2>···</h2>

①作用：

顯示為標(biāo)題

①語法：

<h1>林珊</h1>

③顯示效果：

林珊

二、段落標(biāo)簽

<p>···</p>

①作用：

顯示為一個(gè)段落效果,段與段之間有間隙

②語法：

<h1>索尼大法好</h1>

<p>索尼xp全機(jī)身防水，IP68，裸露usb接口。</p>

<p>前置1300w像素，后置2300w像素，全金屬后背，支持指紋解鎖，3G運(yùn)存，64G機(jī)身內(nèi)存，你值得擁有，現(xiàn)在只要998，只要998</p>

③顯示效果：

索尼大法好

索尼xp全機(jī)身防水，IP68，裸露usb接口。

前置1300w像素，后置2300w像素，全金屬后背，支持指紋解鎖，3G運(yùn)存，64G機(jī)身內(nèi)存，你值得擁有，現(xiàn)在只要998，只要998

三、水平線標(biāo)簽

<hr/>

①作用：

分隔文字或段落

②語法：

<h1>索尼大法好</h1>

<hr/>

<p>索尼xp全機(jī)身防水，IP68，裸露usb接口。</p>

<p>前置1300w像素，后置2300w像素，全金屬后背，支持指紋解鎖，3G運(yùn)存，64G機(jī)身內(nèi)存，你值得擁有，現(xiàn)在只要998，只要998</p>

③顯示效果：

索尼大法好

索尼xp全機(jī)身防水，IP68，裸露usb接口。

前置1300w像素，后置2300w像素，全金屬后背，支持指紋解鎖，3G運(yùn)存，64G機(jī)身內(nèi)存，你值得擁有，現(xiàn)在只要998，只要998

四、有序列表標(biāo)簽

<ol>

   <li>···</li>

</ol>

①作用：

顯示序列號

1、

2、

3、

②語法：

<h1>林珊的小名有：</h1>

<ol>

  <li>珊妹</li>

  <li>珊珊</li>

  <li>八嘎</li>

</ol>

③顯示效果：

林珊的小名有

1. 珊妹
2. 珊珊
3. 八嘎

w3cschool教程目錄

• 《html5》
• 《php》
• 《java》

索尼手機(jī)

顏值高

拍照媲美單反

三防效果好

七、分區(qū)標(biāo)簽

<div>頭部內(nèi)容</div>

<div>導(dǎo)航內(nèi)容</div>

<div>底部內(nèi)容</div>

①作用：

一般作為結(jié)構(gòu)化塊狀元素使用，常見用途是對網(wǎng)頁進(jìn)行整體分塊布局，當(dāng)做“容器”使用。

②語法：

<div id="Programmers-favorite-website">  注：id="······"的作用是標(biāo)記這一樣式的“唯一性”，相當(dāng)于“身份證”的作用，用于區(qū)分不同的div樣式。也可寫入長寬等樣式，如：

</div>
<div id="header-r">
<div id="searchui" class="searchbox">

<div id="Programmers-favorite-website"> 

       <h1>程序員最喜歡的網(wǎng)站</h1>

       <p>第一名：w3cschool.cn</p>

       <p>第二名：w3cschool.cn</p>

       <p>第三名：zhimiyun.com</p>

</div>

③顯示效果：