首頁 >web前端 >html教學 >Dreamweaver怎麼使用標籤及程式碼設計表格?_Dreamweaver教學_網頁製作

Dreamweaver怎麼使用標籤及程式碼設計表格?_Dreamweaver教學_網頁製作

韦小宝
韦小宝原創
2017-12-16 10:45:202566瀏覽

Dreamweaver怎麼使用標籤及程式碼設計表格? Dreamweaver中可以直接繪製表格,也可以透過標籤和程式碼來製作表格,下面我們就來看看詳細的教程,對Dreamweaver感興趣的的朋友可以參考下

Dreamweaver中想要畫表格,怎麼透過標籤和程式碼來製作表格呢?下面我們就來看看詳細的教學。


1、先開啟Dreamweaver,進行新建html文件,在「程式碼,拆分,設計」三個選項中點選拆分項,點選後如圖所示,再插入一個3行3列的表格,查看程式碼區出現的標籤及程式碼

#2、相信大家都知道html標籤都是以<**>開始,以結束的,這裡也就不在囉嗦了。

(1)首先是

標籤,該標籤是用來定義表格的開始與結束的,後面跟著結束的程式碼即就是表格對話框中選項。 width為寬度,border為邊框粗細,align為對齊格式等。 具體如圖所示。

(2)標籤,用來定義標題內容。

3、表格內部儲存格標籤

(1) 定義表格的行標籤。每個標籤,都是表格行的開始與結束。

(2)在中間可以使用定義表格中的具體數據,如圖所示,在中輸入姓名,年齡和班級等數據,可以在設計區的表格單元格中看到出現相應的數據。

#以上就是Dreamweaver使用標籤和程式碼繪製表格的教學課程,希望大家喜歡,請繼續關注PHP中文網。

相關推薦:

最全的HTML5全域屬性總結

關於script在html中的擺放位置解析

淺談HTML空連結的作用

以上是Dreamweaver怎麼使用標籤及程式碼設計表格?_Dreamweaver教學_網頁製作的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn