主頁(yè) > 知識(shí)庫(kù) > HTML表格標(biāo)記教程(1):制作表格

HTML表格標(biāo)記教程(1):制作表格

熱門(mén)標(biāo)簽:地圖標(biāo)注員工作內(nèi)容 江西ai電銷(xiāo)機(jī)器人如何 高德地圖標(biāo)注廁所 中國(guó)地圖標(biāo)注城市的 威海語(yǔ)音外呼系統(tǒng)平臺(tái) 智能語(yǔ)音電銷(xiāo)機(jī)器人客戶(hù)端 地圖標(biāo)注沿海城市房?jī)r(jià) 通遼地圖標(biāo)注app 西安金倫外呼系統(tǒng)

這是腳本之家給大家提供的系列教程,主要是為初學(xué)者講解網(wǎng)頁(yè)中表格的應(yīng)用,包括最基礎(chǔ)的知識(shí),表格的一些技巧等,希望大家支持腳本之家。
表格是用于排列內(nèi)容的最佳手段,在HTML頁(yè)面中,絕大多數(shù)頁(yè)面都是使用表格進(jìn)行排版的。但是現(xiàn)在的技術(shù)里,有人提出了用DIV CSS制作網(wǎng)頁(yè),主要目的是簡(jiǎn)化網(wǎng)頁(yè)的代碼,現(xiàn)在好多站都已經(jīng)實(shí)現(xiàn)了DIV CSS布局,但是在網(wǎng)頁(yè)制作過(guò)程中我們學(xué)習(xí)表格的制作方法還是非常有必要的,所以專(zhuān)門(mén)給大家講解下。
在HTML的語(yǔ)法中,表格主要通過(guò)3個(gè)標(biāo)記來(lái)構(gòu)成,表格標(biāo)記、行標(biāo)記、單元格標(biāo)記。如下表所示:
表 格 標(biāo) 記
標(biāo) 記 描 述 <TABLE>…</TABLE> 表格標(biāo)記 <TR>…</TR> 行標(biāo)記 <TD>…</TD> 單元格標(biāo)記
基本語(yǔ)法
01 <TABLE>
02 <TR>
03 <TD> …</TD>
04 …
05 </TR>
06 <TR>
07 <TD> …</TD>
08…
09 </TR>
10 ……
11</TABLE>
語(yǔ)法解釋
<TABLE>標(biāo)記代表表格的開(kāi)始,<TR>標(biāo)記代表行開(kāi)始,而 <TD>和</TD>之間的就是單元格的內(nèi)容。這幾個(gè)標(biāo)記之間是從大到小,逐層包含的關(guān)系,由最大的表格,到最小的單元格。一個(gè)表格可以有多個(gè)<TR>和<TD>標(biāo)記,分別代表多行和多個(gè)單元格。
文件范例:10-1.htm
通過(guò)<TABLE>、<TR>、<TD>標(biāo)記制作一個(gè)三行兩列的表格。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:10-1.htm -->
03 <!-- 文件說(shuō)明:制作表格 -->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>制作表格</TITLE>
08 </HEAD>
09 <BODY>
10 <H1>主流的網(wǎng)頁(yè)設(shè)計(jì)軟件</H1>
11 <TABLE>
12 <TR>
13 <TD>網(wǎng)頁(yè)圖像軟件</TD>
14 <TD>Fireworks</TD>
15 </TR>
16 <TR>
17 <TD>網(wǎng)頁(yè)制作軟件</TD>
18 <TD>Dreamweaver</TD>
19 </TR>
20 <TR>
21 <TD>網(wǎng)頁(yè)動(dòng)畫(huà)軟件</TD>
22 <TD>Flash</TD>
23 </TR>
24 </TABLE>
25 </BODY>
26 </HTML>
文件說(shuō)明
第11行到第24行是一個(gè)完整的表格,第12行到第15行為表格的第1行,第16行到第19行為表格的第2行,第20行到第23行為表格的第3行。

標(biāo)簽:眉山 營(yíng)口 河池 北海 青海 晉中 阜陽(yáng) 崇左

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML表格標(biāo)記教程(1):制作表格》,本文關(guān)鍵詞  HTML,表格,標(biāo)記,教程,制作,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML表格標(biāo)記教程(1):制作表格》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于HTML表格標(biāo)記教程(1):制作表格的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章