HTML表格標記教程(1):制作表格_XHTML教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

      這是給大家提供的系列教程,主要是為初學者講解網頁中表格的應用,包括最基礎的知識,表格的一些技巧等,希望大家支持。

      表格是用于排列內容的最佳手段,在HTML頁面中,絕大多數頁面都是使用表格進行排版的。但是現在的技術里,有人提出了用DIV CSS制作網頁,主要目的是簡化網頁的代碼,現在好多站都已經實現了DIV CSS布局,但是在網頁制作過程中我們學習表格的制作方法還是非常有必要的,所以專門給大家講解下。

      在HTML的語法中,表格主要通過3個標記來構成,表格標記、行標記、單元格標記。如下表所示:

      表 格 標 記

      標 記 描 述
      <TABLE>…</TABLE> 表格標記
      <TR>…</TR> 行標記
      <TD>…</TD> 單元格標記

      基本語法

      01 <TABLE>

      02 <TR>

      03 <TD> …</TD>

      04 …

      05 </TR>

      06 <TR>

      07 <TD> …</TD>

      08 …

      09 </TR>

      10 ……

      11 </TABLE>

      語法解釋

      <TABLE>標記代表表格的開始,<TR>標記代表行開始,而 <TD>和</TD>之間的就是單元格的內容。這幾個標記之間是從大到小,逐層包含的關系,由最大的表格,到最小的單元格。一個表格可以有多個<TR>和<TD>標記,分別代表多行和多個單元格。

      文件范例:10-1.htm

      通過<TABLE>、<TR>、<TD>標記制作一個三行兩列的表格。
      01 <!-- ------------------------------ -->
      02 <!-- 文件范例:10-1.htm -->
      03 <!-- 文件說明:制作表格 -->
      04 <!-- ------------------------------ -->
      05 <HTML>
      06 <HEAD>
      07 <TITLE>制作表格</TITLE>
      08 </HEAD>
      09 <BODY>
      10 <H1>主流的網頁設計軟件</H1>
      11 <TABLE>
      12 <TR>
      13 <TD>網頁圖像軟件</TD>
      14 <TD>Fireworks</TD>
      15 </TR>
      16 <TR>
      17 <TD>網頁制作軟件</TD>
      18 <TD>Dreamweaver</TD>
      19 </TR>
      20 <TR>
      21 <TD>網頁動畫軟件</TD>
      22 <TD>Flash</TD>
      23 </TR>
      24 </TABLE>

      共2頁上一頁12下一頁
      來源:模板無憂//所屬分類:XHTML教程/更新時間:2007-12-23
      相關XHTML教程