萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> HTML表格寬度和高度屬性WIDTH、HEIGHT

HTML表格寬度和高度屬性WIDTH、HEIGHT

默認情況下,表格的寬度和高度根據內容自動調整,我們也可以手動設置表格的寬度和高度。

基本語法

    <TABLE WIDTH=VALUE HEIGHT=VALUE>

語法解釋

通過WIDTH屬性定義表格的寬度,HEIGHT屬性定義表格的高度,單位是像素或百分比。如果是百分比,則可分為兩種情況:如果不是嵌套表格,那麼百分比是相對於浏覽器窗口而言;如果是嵌套表格,則百分比相對的是嵌套表格所在的單元格寬度。

文件范例:10-3.htm

設定表格的寬度和高度。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:10-3.htm -->
03  <!-- 文件說明:設定表格的寬度和高度 -->
04  <!-- ------------------------------ -->
05  <HTML>
06  <HEAD>
07  <TITLE>設定表格的寬度和高度</TITLE>
08  </HEAD>
09  <BODY>
10  <H1>主流的網頁設計軟件</H1>
11  <TABLE BORDER=1 WIDTH=400 HEIGHT=100>
12  <TR>
13  <TD>網頁圖像軟件</TD><TD>Fireworks</TD>
14  </TR>
15  <TR>
16  <TD>網頁制作軟件</TD><TD>Dreamweaver</TD>
17  </TR>
18  <TR>
19  <TD>網頁動畫軟件</TD><TD>Flash</TD>
20  </TR>
21  </TABLE>
22  </BODY>
23  </HTML>

文件說明

第11行定義了表格的寬度為400像素,高度為100像素。

copyright © 萬盛學電腦網 all rights reserved