日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

html知识笔记(二)——div、table、a标签

發布時間:2023/11/30 编程问答 26 豆豆
生活随笔 收集整理的這篇文章主要介紹了 html知识笔记(二)——div、table、a标签 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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)



總結

以上是生活随笔為你收集整理的html知识笔记(二)——div、table、a标签的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。