Dreamweaver怎么使用標簽及代碼設計表格?

Dreamweaver中想要畫表格,該怎么通過標簽和代碼來制作表格呢?下面我們就來看看詳細的教程。
1、首先打開Dreamweaver,進行新建html文件,在“代碼,拆分,設計”三個選項中點擊拆分項,點擊后如圖所示,再插入一個3行3列的表格,查看代碼區(qū)出現(xiàn)的標簽及代碼。
2、相信大家都知道html標簽都是以<**>開始,以</**>結束的,這里也就不在啰嗦了。
(1)首先是<table></table>標簽,該標簽是用來定義表格的開始與結束的,后面跟的代碼即就是表格對話框中選項。width為寬度,border為邊框粗細,align為對齊格式等。具體如圖所示。
(2)<caption></caption>標簽,用來定義標題內(nèi)容。
3、表格內(nèi)部單元格標簽
(1)<tr></tr>定義表格的行標簽。每個<tr></tr>標簽,都是表格行的開始與結束。
(2)在<tr></tr>中間可以使用<td></td>來定義表格中的具體數(shù)據(jù),如圖所示,在<td></td>中輸入姓名,年齡和班級等數(shù)據(jù),可以在設計區(qū)的表格單元格中看到出現(xiàn)相應的數(shù)據(jù)。
以上就是Dreamweaver使用標簽和代碼繪制表格的教程,希望大家喜歡,請繼續(xù)關注腳本之家。
相關推薦:
相關文章
Dreamweaver怎么使用框架結構快速制作網(wǎng)頁?
Dreamweaver怎么使用框架結構快速制作網(wǎng)頁?Dreamweaver制作網(wǎng)頁的時候,表格布局已經(jīng)不能實現(xiàn)網(wǎng)頁的功能了,比如同一頁面下有多個子頁面時,就要使用框架結構來布局,下面2017-12-11dreamweaver怎么制作鼠標經(jīng)過圖片變換的效果?
dreamweaver怎么制作鼠標經(jīng)過圖片變換的效果?dreamweaver中想要制鼠標經(jīng)過或點擊圖片,圖片會改變,該怎么制作這個效果呢?下面我們就來看看詳細的教程,需要的朋友可以參2017-12-11dreamweaver怎么快速對齊代碼? dw對齊代碼的設置方法
dreamweaver怎么快速對齊代碼?dreamweaver中的代碼很多,想要對齊代碼,該怎么對齊呢?下面我們就來看看dw對齊代碼的設置方法,需要的朋友可以參考下2017-12-11- Dreamweaver怎么設計簡單的導航按鈕?一般網(wǎng)頁中都有導航欄或者導航按鈕,該怎么制作導航按鈕呢?下面我們就來看看詳細的制作方法,需要的朋友可以參考下2017-12-11
- Dreamweaver怎么給圖片添加晃動效果?網(wǎng)頁中經(jīng)常能看到一些晃動的廣告圖片,該怎么給圖片添加晃動效果呢?下面我們就來看看詳細的教程, 需要的朋友可以參考下2017-12-04
Dreamweaver怎么制作一個開場動畫效果的網(wǎng)頁?
Dreamweaver怎么制作一個開場動畫效果的網(wǎng)頁?Dreamweaver中想要制作一個空間歡迎動畫,插入一個swf視頻文件就可以了,下面我們就來看看詳細的教程,需要的朋友可以參考下2017-11-29- Dreamweaver文字怎么添加多個不同的陰影?Dreamweaver輸入的文字想要設置陰影,該怎么給文字添加多個不同顏色的陰影呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-11-28
- Dreamweaver單選按鈕怎么出一道單選題?想要制作一個單選題的網(wǎng)頁,該怎么給網(wǎng)頁添加單選題呢?我們需要使用dw單選按鈕來實現(xiàn),下面我們就來卡看詳細的教程,需要的朋友可2017-11-27
- Dreamweaver怎么添加字體?Dreamweaver中想要添加字體,該怎么添加呢?下面我們就來看看看dw添加字體的方法,需要的朋友可以參考下2017-11-27
- Dreamweaver怎么給代碼添加注釋?給代碼添加注釋是好習慣,方便以后查看程序,該怎么添加注釋呢?下面我們就來看看Dreamweaver注釋的添加方法,需要的朋友可以參考下2017-11-15