HTML中怎樣通過(guò)表格標(biāo)記創(chuàng)建表格？
在前端開發(fā)中時(shí)，為了使網(wǎng)頁(yè)中的數(shù)據(jù)能夠有條理地顯示，可以使用表格對(duì)網(wǎng)頁(yè)進(jìn)行規(guī)劃。在Word文檔中，可通過(guò)播入表格的方式來(lái)創(chuàng)建表格，而在HTML網(wǎng)頁(yè)中要想創(chuàng)建表格，需要使用相關(guān)的表格標(biāo)記才能創(chuàng)建表格。在HTML網(wǎng)頁(yè)中創(chuàng)建表格的基本語(yǔ)法格式如下所示。
?
在HTML網(wǎng)頁(yè)中創(chuàng)建表格的基本語(yǔ)法格式如下所示。
<table>
? ?<tr>
? ? ? ?<td>單元格內(nèi)的文字</td>
? ?</tr></table>
在上述的語(yǔ)法中，包含3對(duì)HTML標(biāo)記，分別為<table></table>、<tr></tr>、<td></td>，它們是創(chuàng)建表格的基本標(biāo)記，缺一不可。<table></table>用于定義一個(gè)表格；<tr></tr>用于定義表格中的行，必須嵌套在<table></table>標(biāo)記中，<td></td>用于定義表格中的單元格，也可稱為表格中的列，必須嵌套在<tr></tr>標(biāo)記中。接下來(lái)，通過(guò)一個(gè)案例來(lái)演示<table>標(biāo)記的使用。在chapter01文件夾中創(chuàng)建一個(gè)HTML文件htmlDemo05,其關(guān)鍵代碼如文件所示。
<body><table border="1">
? ?<tr>
? ? ? ?<td>姓名</td>
? ? ? ?<td>語(yǔ)文</td>
? ? ? ?<td>數(shù)學(xué)</td>
? ? ? ?<td>英語(yǔ)</td>
? ?</tr>
? ?<tr>
? ? ? ?<td>itcast</td>
? ? ? ?<td>95</td>
? ? ? ?<td>80</td>
? ? ? ?<td>90</td>
? ?</tr></table></body>
標(biāo)記的border 屬性會(huì)為每個(gè)單元格應(yīng)用邊框，并用邊框圍繞表格。這里將 border 的屬性設(shè)置為1,單位是像素，表示該表格邊框的寬度為1像素。如果 border 屬性的值發(fā)生改變，那么只有圍繞表格的邊框尺寸會(huì)發(fā)生變化，表格內(nèi)部的邊框還是1像素寬。如果將border的屬性值設(shè)置為0或者刪除border屬性，將顯示沒有邊框的表格。使用瀏覽器打開文件，顯示結(jié)果如圖1所示。
有邊框表格的顯示效果
將border屬性值設(shè)置為0，保存后刷新頁(yè)面，瀏覽器的顯示結(jié)果如圖所示。
無(wú)邊框表格的顯示效果
從上圖的顯示效果可以看出，表格中的內(nèi)容依然整齊有序地排列著，但是這時(shí)已看不到邊框。在實(shí)際開發(fā)中，建議使用CSS來(lái)添加邊框樣式和顏色。
如果你對(duì)前端開發(fā)感興趣請(qǐng)點(diǎn)擊云和數(shù)據(jù)官網(wǎng)我們整套完善的前端開發(fā)教程包括線上和線下，此外我們還有專門的客服老師回答您所關(guān)心的問(wèn)題。
云和數(shù)據(jù)ICT職業(yè)教育發(fā)揮公司產(chǎn)業(yè)化優(yōu)勢(shì)與技術(shù)積淀，整合國(guó)內(nèi)外優(yōu)秀師資，累計(jì)自主研發(fā)230余項(xiàng)教輔、教材，300余項(xiàng)實(shí)踐教學(xué)案例與實(shí)訓(xùn)平臺(tái)，采用六位一體項(xiàng)目制教學(xué)模式，年培養(yǎng)高端ICT技術(shù)人才超10000人，累計(jì)為企業(yè)輸送高端泛ICT技術(shù)人才超9萬(wàn)人，學(xué)員60%來(lái)自于口碑推薦。云和數(shù)據(jù)人才培養(yǎng)技術(shù)方向涵蓋大數(shù)據(jù)、JAVA軟件工程、UI用戶體驗(yàn)設(shè)計(jì)、前端開發(fā)、軟件測(cè)試、智能制造、虛擬現(xiàn)實(shí)、云計(jì)算、人工智能九大方向，以九大精品課程為基礎(chǔ)，八大就業(yè)基地為依托，一次就業(yè)率99.02%，61.9%就業(yè)薪資超1W，以大數(shù)據(jù)為首的精品專業(yè)平均薪資13.25K。
