Dreamweaver中想要畫表格,該怎么通過(guò)標(biāo)簽和代碼來(lái)制作表格呢?下面我們就來(lái)看看詳細(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)簽是用來(lái)定義表格的開始與結(jié)束的,后面跟的代碼即就是表格對(duì)話框中選項(xiàng)。width為寬度,border為邊框粗細(xì),align為對(duì)齊格式等。具體如圖所示。
(2) caption /caption 標(biāo)簽,用來(lái)定義標(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 來(lái)定義表格中的具體數(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 。
相關(guān)推薦:
最全的HTML5全局屬性匯總
關(guān)于script在html中的擺放位置解析
淺談HTML空鏈接的作用
以上就是Dreamweaver怎么使用標(biāo)簽及代碼設(shè)計(jì)表格?_Dreamweaver教程_網(wǎng)頁(yè)制作的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選