請建立一份HTML文件,檔名為alin-album.html
。請用VS Code編輯。
請用<table>
繪製一張表格,表格內容為歌手A Lin最近三張專輯,請參考A-Lin的維基百科。
表格外框及欄位的邊線寬度為1px。表格第一排標頭為粗體。
在瀏覽器開啟的顯示內容如下,第一排最大的字用<h1>
。
提示:HTML <table> 表格元素 Table Elements 簡介。
請建立一份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>
沒有留言:
張貼留言