01-HTMLは、基本と高度なビデオは249を-day4-

 07頭のテーブルの.html

<!DOCTYPE HTML > 
< HTML LANG = "EN" > 
< > 
    < メタ文字コード= "UTF-8" > 
    < タイトル>ドキュメント</ タイトル> 
</ ヘッド> 
< 身体> 
    < H3 >私は3行を始めました表ガスリー3つのスメクタイト</ H3 > 
    < テーブル   = "500" 左=整列= "センター" CELLSPACING = "0" 高さ= "300"国境= "1" > 
        <! -ヘッダを示すTHEADテーブル- > 
        < THEAD > 
        <! - TR行を表す- > 
            < TR > 
                <! - TDは、セルの列を表し、- > 
                < TH ></ TH > 
                < TH >性別</ TH > 
                < TH >年齢</ TH > 
            </ TR > 
        </ thead要素> 
        <! -の体を示すのtbodyテーブル- >         
        < TBODY > 
            < TR > 
                <!- TDは、セルの列を表し、- > 
                <TD >ジョン・ドウ</ TD > 
                < TD > M </ TD > 
                < TD > 40 </ TD > 
            </ TR > 
            < TR > 
                <! - TDは、セルの列を表します。 - > 
                < TD >ジョン・ドウ</ TD > 
                < TD > M </ TD > 
                < TD > 36 </ TD > 
            </ TR > 
        </ TBODY >
        <! -尾を示す表TFOOT、通常統計- >         
        < TFOOT > 
        </ TFOOT > 
    </ > 
</ ボディ> 
</ HTML >

 

08完全なテーブル構造の.html 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h3>我开始做一个三行三列的表格思密达</h3>
    <table  width="500" align="center" cellspacing="0" height="300" border="1">
        <caption>学生信息表</caption>
        <thead>
        <!--tr表示一行-->
            <tr>
                <!--td表示列  单元格-->
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <!--td表示列  单元格-->
                <td>张三</td>
                <td></td>
                <!--rowspan表示横跨2行-->                
                <td rowspan="2">40</td>
            </tr>
            <tr>
                <!--td表示列  单元格-->
                <td>李四</td>
                <td></td>
            </tr>
        </tbody>
        <tfoot>
            
        </tfoot>
    </table>
    <table  width="500" align="center" cellspacing="0" height="300" border="1">
        <caption>学生信息表</caption>
        <thead>
        <!--tr表示一行-->
            <tr>
                <!--td表示列  单元格-->
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <!--td表示列  单元格-->
                <td>张三</td>
                <td></td>
                <td>40</td>
            </tr>
            <tr>
                <!--td表示列  单元格-->
                <td>李四</td>
                <!--colspan表示横跨2列-->                    
                <td colspan="2"></td>
            </tr>
        </tbody>
        
        <tfoot>
            
        </tfoot>
    </table>
</body>
</html>

 

おすすめ

転載: www.cnblogs.com/HiJackykun/p/11030908.html