国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 網(wǎng)站 > WEB開發(fā) > 正文

html之表格標(biāo)簽

2024-04-27 15:13:46
字體:
供稿:網(wǎng)友
一,表格標(biāo)簽
<!-- 過去大部分的網(wǎng)站都是表格標(biāo)簽做的,一個(gè)時(shí)代的代表,現(xiàn)在基本不用了 表格標(biāo)簽: 1,格式:<table> <tr> <td>需要顯示的內(nèi)容</td> </tr> </table> table:代表整個(gè)表格 tr:代表整個(gè)表格中的一行數(shù)據(jù)->行 td:代表一行數(shù)據(jù)張的一個(gè)單元格->列 2,注意點(diǎn): (1),表格標(biāo)簽有邊框?qū)傩?默認(rèn)是0,設(shè)置border值才能才能顯示--><table border="1"> <tr></tr> <td>1.1</td> <td>1.2</td> <td>1.3</td> <tr></tr> <tr></tr> <td>2.1</td> <td>2.2</td> <td>2.3</td> <tr></tr></table>
二,表格標(biāo)簽的屬性
<!-- 1,寬度和高度的屬性(可以按照內(nèi)容的多少自動(dòng)調(diào)整寬高) 可以給table和td標(biāo)簽使用,tr標(biāo)簽是不能使用的 2,水平對(duì)齊和垂直對(duì)齊屬性 (1)水平對(duì)齊:aling,只能給table和tr標(biāo)簽使用 (2)垂直對(duì)齊:valing,只能給tr和td標(biāo)簽使用 3,外邊距和內(nèi)邊距屬性 (1)外邊距:cellspacing,單元格與單元格之間的間距,也包括單元格與table邊框的間距,他們是統(tǒng)一的 (2)內(nèi)邊距:cellpadding,填充內(nèi)容與單元格之間的距離,這個(gè)距離是根據(jù)對(duì)齊方式來的,比如說是右對(duì)齊,那么就是距離右邊的距離是xxpx 只能給table標(biāo)簽使用,tr和td標(biāo)簽不能使用 注意在企業(yè)開發(fā)中,表格使用CSS和div做的,這里只是了解一下--><table border="1" width="500px" height="300px" align="center" cellspacing="5px" cellpadding="30px"> <tr valign="top"> <td valign="bottom" width="150" height="50">1.1</td> <td>1.2</td> </tr> <tr align="center"> <td align="right">2.1</td> <td valign="bottom">2.2</td> </tr></table>
三,細(xì)線表格
<!-- 在表格標(biāo)簽中通過設(shè)置外邊距的距離想讓邊框是一條線是不靠譜的,視覺上會(huì)出現(xiàn)兩條線 所以,一般會(huì)先設(shè)置table的背景顏色,然后再設(shè)置tr的背景顏色,最后調(diào)整外邊距的距離就可以了 以上內(nèi)容了解,企業(yè)開發(fā)不會(huì)用的--><table bgcolor="black" cellspacing="1"> <tr bgcolor="white"> <td>1.1</td> <td>1.2</td> </tr> <tr bgcolor="white"> <td>2.1</td> <td>2.2</td> </tr></table>
五,表格標(biāo)簽其他的屬性

這里寫圖片描述

<!-- 表格標(biāo)題標(biāo)簽 caption 1,格式:<caption></caption> 2,注意點(diǎn) (1)caption標(biāo)簽只能放在table標(biāo)簽里面,放在外邊無效 (2)caption標(biāo)簽一定要緊跟在table標(biāo)簽后邊 單元格標(biāo)題標(biāo)簽 th 1,格式: <th></th> 單元格標(biāo)簽有兩種, 一種是td,普通的單元格標(biāo)簽 一種是th,每一列單元格的標(biāo)題標(biāo)簽,默認(rèn)是加粗,居中的--><table bgcolor="black" cellspacing="1" width="800px" align="center"> <caption> <h2>今日小說排行榜</h2> </caption> <tr bgcolor="#d3d3d3"> <th>排名</th> <th>關(guān)鍵詞</th> <th>趨勢(shì)</th> <th>今日搜索</th> <th>最近七日</th> <th>相關(guān)鏈接</th> </tr> <tr bgcolor="white" align="center"> <td>1</td> <td align="left">暴走大事件</td> <td>走高</td> <td>23654523</td> <td>52614432</td> <td> <a href="#">貼吧</a> <a href="#">圖片</a> <a href="#">百科</a> </td> </tr> <tr bgcolor="white" align="center"> <td>1</td> <td align="left">暴走大事件</td> <td>走高</td> <td>23654523</td> <td>52614432</td> <td> <a href="#">貼吧</a> <a href="#">圖片</a> <a href="#">百科</a> </td> </tr> <tr bgcolor="white" align="center"> <td>1</td> <td align="left">暴走大事件</td> <td>走高</td> <td>23654523</td> <td>52614432</td> <td> <a href="#">貼吧</a> <a href="#">圖片</a> <a href="#">百科</a> </td> </tr> <tr bgcolor="white" align="center"> <td>1</td> <td align="left">暴走大事件</td> <td>走高</td> <td>23654523</td> <td>52614432</td> <td> <a href="#">貼吧</a> <a href="#">圖片</a> <a href="#">百科</a> </td> </tr> <tr bgcolor="white" align="center"> <td>1</td> <td align="left">暴走大事件</td> <td>走高</td> <td>23654523</td> <td>52614432</td> <td> <a href="#">貼吧</a> <a href="#">圖片</a> <a href="#">百科</a> </td> </tr></table>
六,單元格合并
<!-- 1,水平方向的單元格合并 可以給td標(biāo)簽添加colspan屬性(合并單元格的意思) 例如,<td colspan="2"></td>,把當(dāng)前的單元格按照2個(gè)單元個(gè)看待 2,垂直方向的單元格合并 可以給td標(biāo)簽添加rowspan屬性,(單元格占得行數(shù)) 例如,<td rowspan="2"></td> 把當(dāng)前的單元格向下合并兩個(gè)單元格,并且要?jiǎng)h除單槍單元格下面的一個(gè)單元格--><!--<table bgcolor="black" width="500px" height="300px">--> <!--<tr bgcolor="white">--> <!--<td colspan="2"></td>--> <!--<td></td>--> <!--<td></td>--> <!--</tr>--> <!--<tr bgcolor="white">--> <!--<td></td>--> <!--<td></td>--> <!--<td></td>--> <!--</tr>--> <!--<tr bgcolor="white">--> <!--<td></td>--> <!--<td></td>--> <!--<td colspan="2"></td>--> <!--</tr>--><!--</table>--><table bgcolor="black" width="500px" height="300px"> <tr bgcolor="white"> <td rowspan="2"></td> <td></td> <td></td> </tr> <tr bgcolor="white"> <td></td> <td></td> <!--<td></td>--> </tr> <tr bgcolor="white"> <td></td> <td></td> <td></td> </tr></table>
上一篇:css選擇器大全

下一篇:ContentType與MIME

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 利津县| 苏州市| 万山特区| 奉节县| 台南市| 花莲县| 荣昌县| 伊金霍洛旗| 麻江县| 新郑市| 丹阳市| 仁布县| 朝阳区| 长葛市| 延津县| 阿荣旗| 屏边| 华坪县| 浠水县| 灵寿县| 双牌县| 辽阳市| 扶沟县| 郁南县| 昌平区| 林口县| 溆浦县| 清镇市| 合阳县| 丹寨县| 鄂温| 大竹县| 海口市| 疏附县| 新营市| 洮南市| 上栗县| 洪洞县| 嘉祥县| 镇坪县| 南涧|