Dreamweaver怎么使用標(biāo)簽及代碼設(shè)計(jì)表格?_Dreamweaver圖文說明教程_頁面制作

Dreamweaver中想要畫表格，該怎么通過標(biāo)簽和代碼來制作表格呢？下面我們就來看看詳細(xì)的教程。

1、首先打開Dreamweaver，進(jìn)行新建html文件，在“代碼，拆分，設(shè)計(jì)”三個(gè)選項(xiàng)中點(diǎn)擊拆分項(xiàng)，點(diǎn)擊后如圖所示，再插入一個(gè)3行3列的表格，查看代碼區(qū)出現(xiàn)的標(biāo)簽及代碼。

2、相信大家都知道html標(biāo)簽都是以<**>開始，以</**>結(jié)束的，這里也就不在啰嗦了。

（1）首先是<table></table>標(biāo)簽，該標(biāo)簽是用來定義表格的開始與結(jié)束的，后面跟的代碼即就是表格對(duì)話框中選項(xiàng)。width為寬度，border為邊框粗細(xì)，align為對(duì)齊格式等。具體如圖所示。

（2）<caption></caption>標(biāo)簽，用來定義標(biāo)題內(nèi)容。

3、表格內(nèi)部單元格標(biāo)簽

（1）<tr></tr>定義表格的行標(biāo)簽。每個(gè)<tr></tr>標(biāo)簽，都是表格行的開始與結(jié)束。

（2）在<tr></tr>中間可以使用<td></td>來定義表格中的具體數(shù)據(jù)，如圖所示，在<td></td>中輸入姓名，年齡和班級(jí)等數(shù)據(jù)，可以在設(shè)計(jì)區(qū)的表格單元格中看到出現(xiàn)相應(yīng)的數(shù)據(jù)。

以上就是Dreamweaver使用標(biāo)簽和代碼繪制表格的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注PHP中文網(wǎng)。

相關(guān)推薦：

最全的HTML5全局屬性匯總

關(guān)于script在html中的擺放位置解析

淺談HTML空鏈接的作用

以上就是Dreamweaver怎么使用標(biāo)簽及代碼設(shè)計(jì)表格?_Dreamweaver教程_網(wǎng)頁制作的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！