div標簽:我們把一些標簽放進<div>里,劃分出一個獨立的邏輯部分。為了使邏輯更加清晰,我們可以為這一個獨立的邏輯部分設置一個名稱,用id
屬性來為<div>
提供唯一的名稱,這個就像我們每個人都有一個身份證號,這個身份證號是唯一標識我們的身份的,也是必須唯一的。
——————————————————————————————————————————————————————————————
table標簽:用于創建表格。
創建表格的四個元素:table、tbody、tr、th、td
1、<table>…</table>:整個表格以<table>
標記開始、</table>
標記結束。
2、<tbody>…</tbody>:當表格內容非常多時,表格會下載一點顯示一點,但如果加上<tbody>標簽后,這個表格就要等表格內容全部下載完才會顯示。如右側代碼編輯器中的代碼。
3、<tr>…</tr>:表格的一行,所以有幾對tr 表格就有幾行。
4、<td>…</td>:表格的一個單元格,一行中包含幾對<td>...</td>
,說明一行中就有幾列。
5、<th>…</th>:表格的頭部的一個單元格,表格表頭。
6、表格中列的個數,取決于一行中數據單元格的個數。
需要注意的是:
1、table表格在沒有添加css樣式之前,在瀏覽器中顯示是沒有表格線的
2、表頭,也就是th標簽中的文本默認為粗體并且居中顯示
有時,我們需要在表格上加上摘要和標題。
摘要:摘要的內容是不會在瀏覽器中顯示出來的。它的作用是增加表格的可讀性(語義化),使搜索引擎更好的讀懂表格內容,還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內容。
????語法:<table summary="表格簡介文本">
標題
用以描述表格內容,標題的顯示位置:表格上方。
?????語法:
<table><caption>標題文本</caption><tr><td>…</td><td>…</td>…</tr>
…
</table>
———————————————————————————————————————————————————————————————
<a>標簽:使用<a>
標簽可實現超鏈接,它在網頁制作中可以說是無處不在,只要有鏈接的地方,就會有這個標簽。
語法:
<a href="目標網址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a>
<a>
標簽在默認情況下,鏈接的網頁是在當前瀏覽器窗口中打開,有時我們需要在新的瀏覽器窗口中打開。
如下代碼:
<a href="目標網址"?target="_blank">click here!</a>
(以上內容參考自慕課網:http://www.imooc.com)