国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁(yè)課程HTML Fun ClassCreation of HTML tables

Creation of HTML tables

目錄列表

創(chuàng)建表格

表格由 <table> 標(biāo)簽來(lái)定義。

每個(gè)表格均有若干行(由 <tr> 標(biāo)簽定義),每行被分割為若干單元格(由 <td> 標(biāo)簽定義)。

下面是一個(gè)包含兩行兩列的表格:

<table border="1">
   <tr>
       <td></td>
       <td></td>
   </tr>
   <tr>
       <td></td>
       <td></td>
   </tr>
</table>


什么標(biāo)簽定義 HTML 表格中的標(biāo)準(zhǔn)單元格?

表格 border 屬性

border 屬性規(guī)定表格單元周?chē)欠耧@示邊框。

如果不定義邊框?qū)傩?,表格將不顯示邊框。

下面是一個(gè)帶有邊框的表格:


<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>

在瀏覽器顯示結(jié)果如下:


下載 (5).png

使用什么屬性來(lái)顯示一個(gè)帶有邊框的表格:

表格表頭

表格的表頭使用 <th> 標(biāo)簽進(jìn)行定義。

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

下面是一個(gè)例子:

<table border="1">
  <tr>
    <th>Header 1</th>
    <th>Header 2</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>

在瀏覽器顯示結(jié)果如下:


下載 (6).png

在空格處填寫(xiě)正確的標(biāo)簽:

<table border="1">

 <tr>

    <>Header 1</th>

    <th>Header 2</th>

  </tr>

  <>

    <td>row 1, cell 1</>

    <td>row 1, cell 2</td>

  </tr>

</table>

表格 colspan 和 rowspan 屬性

使用 colspan 和 rowspan 屬性分別定義跨列和跨行的表格單元格。

下面是一個(gè)單元格跨兩行的表格:

<table border="1">
  <tr>
    <td>First Name:</td>
    <td>Bill Gates</td>
  </tr>
  <tr>
    <td rowspan="2">Telephone:</td>
    <td>555 77 666</td>
  </tr>
  <tr>
    <td>555 77 667</td>
  </tr>
</table>


使用什么屬性定義跨列的表格單元格?