青青河边草直播免费观看,青青河边草高清免费版新闻,青柠影院免费观看电视剧高清西瓜,青柠影院免费观看电视剧高清动漫,青青草视频在线观看,青娱乐极品视觉盛宴

0411-39943997
工作時間:周一至周日 8:30-17:30
技術(shù)文庫
Technical Library

HTML 表格

標簽: HTML知識   訪問: 12382019-07-09

你可以使用 HTML 創(chuàng)建表格。

實例:

<html>

<body>

<p>每個表格由 table 標簽開始。</p>
<p>每個表格行由 tr 標簽開始。</p>
<p>每個表格數(shù)據(jù)由 td 標簽開始。</p>

<h4>一列:</h4>
<table border="1">
<tr>
  <td>100</td>
</tr>
</table>

<h4>一行三列:</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
</table>

<h4>兩行三列:</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

</body>
</html>

image.png

表格邊框?qū)嵗?/strong>

<html>

<body>

<h4>帶有普通的邊框:</h4>  
<table border="1">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

<h4>帶有粗的邊框:</h4>  
<table border="8">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

<h4>帶有很粗的邊框:</h4>  
<table border="15">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>

</body>
</html>

image.png

表格:

表格由 <table> 標簽來定義。每個表格均有若干行(由 <tr> 標簽定義),每行被分割為若干單元格(由 <td> 標簽定義)。字母 td 指表格數(shù)據(jù)(table data),即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

image.png

表格和邊框?qū)傩?/strong>

如果不定義邊框?qū)傩?,表格將不顯示邊框。有時這很有用,但是大多數(shù)時候,我們希望顯示邊框。

使用邊框?qū)傩詠盹@示一個帶有邊框的表格:

<table border="1"><tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table

表格的表頭

表格的表頭使用 <th> 標簽進行定義。

大多數(shù)瀏覽器會把表頭顯示為粗體居中的文本:

<table border="1">
<tr><th>Heading</th>
<th>Another Heading</th></tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

image.png

表格中的空單元格

在一些瀏覽器中,沒有內(nèi)容的表格單元顯示得不太好。如果某個單元格是空的(沒有內(nèi)容),瀏覽器可能無法顯示出這個單元格的邊框。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr><td></td><td>row 2, cell 2</td>
</tr>
</table>

image.png

注意:這個空的單元格的邊框沒有被顯示出來。為了避免這種情況,在空單元格中添加一個空格占位符,就可以將邊框顯示出來。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr><td>&nbsp;</td><td>row 2, cell 2</td>
</tr>
</table>

image.png

表格標簽

image.png

本站關(guān)鍵詞:大連網(wǎng)站建設(shè)  |  大連網(wǎng)絡(luò)公司

武宁县| 德江县| 平湖市| 银川市| 呈贡县| 台安县| 固安县| 界首市| 禄丰县| 新源县| 信丰县| 凌海市| 霍林郭勒市| 津市市| 隆化县| 信宜市| 英德市| 盱眙县| 涿州市| 涿州市| 镇平县| 双城市| 崇礼县| 湖南省| 东光县| 兴国县| 且末县| 防城港市| 揭东县| 合肥市| 师宗县| 灯塔市| 松溪县| 株洲县| 梧州市| 长垣县| 惠州市| 平潭县| 浙江省| 澜沧| 甘孜|