AdSense

網頁

2019/7/15

HTML 練習 表格基本練習

請建立一份HTML文件,檔名為alin-album.html。請用VS Code編輯

請用<table>繪製一張表格,表格內容為歌手A Lin最近三張專輯,請參考A-Lin的維基百科

表格外框及欄位的邊線寬度為1px。表格第一排標頭為粗體。

在瀏覽器開啟的顯示內容如下,第一排最大的字用<h1>




提示:HTML <table> 表格元素 Table Elements 簡介


解答

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
    border:solid 1px;
}
</style>
</head>
<body>

<h1>A Lin最近三張專輯</h1>
<p>(發行日期由近到遠排序)</p>
    <table>
        <thead>
            <tr>
                <th>專輯名稱</th>
                <th>發行日期</th>
                <th>發行公司</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>A-Lin</td>
                <td>2017-09-20</td>
                <td>台灣索尼音樂娛樂</td>
            </tr>
            <tr>
                <td>罪惡感</td>
                <td>2014-12-30</td>
                <td>台灣索尼音樂娛樂</td>
            </tr>
            <tr>
                <td>幸福了 然後呢</td>
                <td>2012-12-30</td>
                <td>愛克貝思</td>
            </tr>
        </tbody>

    </table>
    
</body>
</html>

沒有留言:

AdSense