一:使用ul,添加新聞信息列表
1.ul-li是沒有前后順序的信息列表庶骄。
2.ul-li在網(wǎng)頁中顯示的默認(rèn)樣式一般為:每項(xiàng)li前都自帶一個(gè)圓點(diǎn)
二:使用ol毁渗,添加圖書銷售排行榜
1.制作有序列表
2.<ol>在網(wǎng)頁中顯示的默認(rèn)樣式一般為:每項(xiàng)<li>前都自帶一個(gè)序號(hào),序號(hào)默認(rèn)從1開始
三:認(rèn)識(shí)div在排版中的作用
1.在網(wǎng)頁制作過程過中单刁,可以把一些獨(dú)立的邏輯部分劃分出來,放在一個(gè)<div>標(biāo)簽中府适,這個(gè)<div>標(biāo)簽的作用就相當(dāng)于一個(gè)容器
2.語法:<div>…</div>
3.什么是邏輯部分羔飞?它是頁面上相互關(guān)聯(lián)的一組元素。如網(wǎng)頁中的獨(dú)立的欄目版塊檐春,就是一個(gè)典型的邏輯部分
四:給div命名逻淌,使邏輯更加清晰
1.用id屬性來為<div>提供唯一的名稱,這個(gè)就像我們每個(gè)人都有一個(gè)身份證號(hào)疟暖,這個(gè)身份證號(hào)是唯一標(biāo)識(shí)我們的身份的卡儒,也是必須唯一的
2.語法:<div ?id="版塊名稱">…</div>
五:table標(biāo)簽,認(rèn)識(shí)網(wǎng)頁上的表格
創(chuàng)建表格的四個(gè)元素:table俐巴、tbody骨望、tr、th欣舵、td
1. <table>…</table>:整個(gè)表格以<table>標(biāo)記開始擎鸠、</table>標(biāo)記結(jié)束
2.<tbody>…</tbody>:通俗理解table 可以按結(jié)構(gòu)一塊塊的顯示,不在等整個(gè)表格加載完后顯示
3.<tr>…</tr>:表格的一行缘圈,有幾對(duì)tr? ? ?表格就有幾行
4.<td>…</td>:表格的一個(gè)單元格劣光,一行中包含幾對(duì)<td>...</td>,說明一行中就有幾列
5.<th>…</th>:表格表頭
6.表格中列的個(gè)數(shù)糟把,取決于一行中數(shù)據(jù)單元格的個(gè)數(shù)
7.table表格在沒有添加css樣式之前绢涡,在瀏覽器中顯示是沒有表格線的
8.表頭,也就是th標(biāo)簽中的文本默認(rèn)為粗體并且居中顯示
六:用css樣式遣疯,為表格加入邊框
1.Table 表格在沒有添加 css 樣式之前雄可,是沒有邊框的
七:caption標(biāo)簽,為表格添加標(biāo)題和摘要
1.摘要:摘要的內(nèi)容是不會(huì)在瀏覽器中顯示出來的另锋。它的作用是增加表格的可讀性(語義化)滞项,使搜索引擎更好的讀懂表格內(nèi)容,還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內(nèi)容夭坪。語法:<table summary="表格簡介文本">
2.標(biāo)題:用以描述表格內(nèi)容文判,標(biāo)題的顯示位置:表格上方。