24h購物| | PChome| 登入
2012-04-21 21:09:26| 人氣378| 回應0 | 上一篇 | 下一篇

[HTML] More with HTML

推薦 0 收藏 0 轉貼0 訂閱站台

Better Tables

<html>
    <head>
        <title>Table Fable</title>
    </head>
   
    <body>
       
        <table border="1px">
            <tbody>
                <tr>
                    <td>Helen Mirren</td>
                    <td>1945</td>    
                </tr>
               
                <tr>
                    <td>Brad Pitt</td>
                    <td>1963</td>
                </tr>
               
                <tr>
                    <td>Ryan Gosling</td>
                    <td>1980</td>
                </tr>
            </tbody>
        </table>
       
    </body>

</html>


<html>
    <head>
        <title>Table Fable</title>
    </head>
    
    <body>
        
        <table border="1px">
            <thead>
                <tr>
                    <th>Actor</th>
                    <th>Birth Year</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Helen Mirren</td>
                    <td>1945</td>     
                </tr>
                
                <tr>
                    <td>Brad Pitt</td>
                    <td>1963</td>
                </tr>
                
                <tr>
                    <td>Ryan Gosling</td>
                    <td>1980</td>
                </tr>
            </tbody>
        </table>
        
    </body>

</html>

<html>
    <head>
        <title>Table Fable</title>
    </head>
   
    <body>
       
        <table border="1px">
            <thead>
                <tr>
                    <th colspan="2">Actors by Birth Year</th>
                </tr>
                <tr>
                    <th>Actors</th>
                    <th>Birth Year</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Helen Mirren</td>
                    <td>1945</td>    
                </tr>
               
                <tr>
                    <td>Brad Pitt</td>
                    <td>1963</td>
                </tr>
               
                <tr>
                    <td>Ryan Gosling</td>
                    <td>1980</td>
                </tr>
            </tbody>
        </table>
       
    </body>

</html>

<html>
    <head>
        <title>Table Fable</title>
    </head>
   
    <body>
       
        <table style="border-collapse:collapse;">
            <thead>
                <tr>
                    <th colspan="2" style="color:red">Actors by Birth Year</th>
                </tr>
                <tr style="border-bottom:1px solid black;">
                    <th style="padding:5px;"><em>Actor</em></th>
                    <th style="padding:5px;border-left:1px solid black;"><em>Birth Year</em></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td style="padding:5px;">Helen Mirren</td>
                    <td style="padding:5px;border-left:1px solid black;">1945</td>    
                </tr>
               
                <tr>
                    <td style="padding:5px;">Brad Pitt</td>
                    <td style="padding:5px;border-left:1px solid black;">1963</td>
                </tr>
               
                <tr>
                    <td style="padding:5px;">Ryan Gosling</td>
                    <td style="padding:5px;border-left:1px solid black;">1980</td>
                </tr>
            </tbody>
        </table>
       
    </body>

</html>

<html>
    <!-- this is my html-->
    <head>
        <title>My HTML</title>
    </head>
    <body>
        <table style="border-collapse:collapse;">
            <thead>
                <th>
                    <tr  style="border-bottom:1px solid black;">
                        <td><strong>My Submission</strong></td>
                        <td style="padding:5px;border-left:1px solid black;"><strong>Times</strong></td>
                    </tr>
                </th>
            </thead>
            <tbody>
                <tr>
                    <td>AC</td>
                    <td style="padding:5px;border-left:1px solid black;">340</td>
                </tr>
                <tr>
                    <td>WA</td>
                    <td style="padding:5px;border-left:1px solid black;">316</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

最後一個程式碼的實做 :

My HTML

My Submission Times
AC 340
WA 316

台長: Morris
人氣(378) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 不分類 | 個人分類: [學習]HTML |
此分類下一篇:[HTML] Make a Recipe Card
此分類上一篇:[HTML] More with HTML

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文