Dreamweaver怎么使用標(biāo)簽及代碼設(shè)計(jì)表格?
我要評(píng)論Dreamweaver中想要畫表格，該怎么通過標(biāo)簽和代碼來制作表格呢？下面我們就來看看詳細(xì)的教程。
Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類型：網(wǎng)頁設(shè)計(jì)
- 大?。?/span>758MB
- 語言：簡(jiǎn)體中文
- 時(shí)間：2016-11-05
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)注腳本之家。
相關(guān)推薦：
Dreamweaver怎么設(shè)計(jì)彩色邊框的表格?
相關(guān)文章
Dreamweaver怎么使用框架結(jié)構(gòu)快速制作網(wǎng)頁?
Dreamweaver怎么使用框架結(jié)構(gòu)快速制作網(wǎng)頁？Dreamweaver制作網(wǎng)頁的時(shí)候，表格布局已經(jīng)不能實(shí)現(xiàn)網(wǎng)頁的功能了，比如同一頁面下有多個(gè)子頁面時(shí)，就要使用框架結(jié)構(gòu)來布局，下面2017-12-11
dreamweaver怎么制作鼠標(biāo)經(jīng)過圖片變換的效果?
dreamweaver怎么制作鼠標(biāo)經(jīng)過圖片變換的效果？dreamweaver中想要制鼠標(biāo)經(jīng)過或點(diǎn)擊圖片，圖片會(huì)改變，該怎么制作這個(gè)效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參2017-12-11
dreamweaver怎么快速對(duì)齊代碼? dw對(duì)齊代碼的設(shè)置方法
dreamweaver怎么快速對(duì)齊代碼？dreamweaver中的代碼很多，想要對(duì)齊代碼，該怎么對(duì)齊呢？下面我們就來看看dw對(duì)齊代碼的設(shè)置方法，需要的朋友可以參考下2017-12-11
Dreamweaver怎么設(shè)計(jì)簡(jiǎn)單的導(dǎo)航按鈕?
Dreamweaver怎么設(shè)計(jì)簡(jiǎn)單的導(dǎo)航按鈕？一般網(wǎng)頁中都有導(dǎo)航欄或者導(dǎo)航按鈕，該怎么制作導(dǎo)航按鈕呢？下面我們就來看看詳細(xì)的制作方法，需要的朋友可以參考下2017-12-11
Dreamweaver怎么給圖片添加晃動(dòng)效果？網(wǎng)頁中經(jīng)常能看到一些晃動(dòng)的廣告圖片，該怎么給圖片添加晃動(dòng)效果呢？下面我們就來看看詳細(xì)的教程， 需要的朋友可以參考下2017-12-04
Dreamweaver怎么制作一個(gè)開場(chǎng)動(dòng)畫效果的網(wǎng)頁?
Dreamweaver怎么制作一個(gè)開場(chǎng)動(dòng)畫效果的網(wǎng)頁？Dreamweaver中想要制作一個(gè)空間歡迎動(dòng)畫，插入一個(gè)swf視頻文件就可以了，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-11-29
Dreamweaver文字怎么添加多個(gè)不同的陰影？Dreamweaver輸入的文字想要設(shè)置陰影，該怎么給文字添加多個(gè)不同顏色的陰影呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-11-28
Dreamweaver單選按鈕怎么出一道單選題？想要制作一個(gè)單選題的網(wǎng)頁，該怎么給網(wǎng)頁添加單選題呢？我們需要使用dw單選按鈕來實(shí)現(xiàn)，下面我們就來卡看詳細(xì)的教程，需要的朋友可2017-11-27
Dreamweaver怎么添加字體？Dreamweaver中想要添加字體，該怎么添加呢？下面我們就來看看看dw添加字體的方法，需要的朋友可以參考下2017-11-27
Dreamweaver怎么給代碼添加注釋？給代碼添加注釋是好習(xí)慣，方便以后查看程序，該怎么添加注釋呢？下面我們就來看看Dreamweaver注釋的添加方法，需要的朋友可以參考下2017-11-15
