iT邦幫忙

2023 iThome 鐵人賽

DAY 15
0
AI & Data

30天網路爬蟲學習系列 第 15

DAY15-爬取HTML表格標籤練習(上)

  • 分享至 

  • xImage
  •  

在進行爬取前,我們先來了解一下什麼是HTML表格標籤吧!


什麼是HTML表格標籤?

HTML表格是一組標籤的集合,由大到小依序是表格→列→儲存格,
以下是相關標籤的說明:

標籤 說明
<table> 建立表格,其他表格相關標籤都位在此標籤之中。
<tr> 定義表格的每一個表格列。
<th> 定義表格的標題列。
<td> 定義表格列的每一個儲存格。
<caption> 定義表格標題文字,其位置是<table>標籤的第一個子元素。
<thead> 群組HTML的標題內容。
<tbody> 群組HTML的本文內容。
<tfoot> 群組HTML的註腳內容。
  • HTML5表格只支援<table>標籤的boader屬性,而且屬性值只能是1或空字串""。

基本HTML表格標籤

由一個<table>標籤和多個<tr><th><td>標籤所組成,每一個<tr>標籤定義一列表格列,<th>標籤定義標題列,每一列使用<td>標籤建立儲存格。
範例:

<table boader="1">
    <tr>
        <th>銀行</th><th>代碼</th>
    </tr>                            
    <tr>                             
        <td>台灣銀行</td> <td>004</td>
    </tr>                            
    <tr>                             
        <td>華南銀行</td><td>008</td> 
    </tr>
<table>    

結果顯示:

銀行 代碼
台灣銀行 004
華南銀行 008

完整HTML表格標籤

能額外使用<caption>標籤指定標題文字,<thead><tbody><tfoot>標籤將表格內容群組成標題、本文和註腳。
範例:

<table boader="">
    <caption>一、二月份水電花費</caption>
    <thead>
    <tr>                                                         
        <th>月份</th>
        <th>花費金額</th>
    </tr>                            
    </thead>
    <tbody> 
    <tr>                                                         
        <td>一月</td>
        <td>NT1,500</td>
    </tr>
    <tr>                                                         
        <td>二月</td>
        <td>NT1,100</td>
    </tr>
    </tbody> 
    <tfoot>
    <tr>                                                         
       <td>花費總額</td>
       <td>NT2,600</td>
    </tr>
    </tfoot>      
</table>    

結果顯示:
一、二月份水電花費

月份 花費金額
一月 NT1,500
二月 NT1,100
花費總額 NT2,600

今天的分享就先到這邊啦!我們明天見~ /images/emoticon/emoticon41.gif

書籍參考資料:文科生也可以輕鬆學習網路爬蟲


上一篇
DAY14-爬取清單項目練習(後)
下一篇
DAY16-爬取HTML表格標籤練習(下)
系列文
30天網路爬蟲學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言