iT邦幫忙

2023 iThome 鐵人賽

DAY 19
0
AI & Data

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

DAY19-認識HTML容器標籤

  • 分享至 

  • xImage
  •  

HTML的<div><span>標籤是一個容器用來群組元素,建立網頁的版面配置。這兩個標籤本身沒有預設樣式,就像是一個透明的方框,需要使用CSS樣式來格式化容器標籤。

許多的網頁設計都是採用<div>標籤與<span>標籤搭配設計,用div標籤做大範圍的排版,再用<span>標籤進行細部美化。


<div>標籤

一組標準的 HTML div標籤是由一個開頭<div>標籤與一個結束</div>標籤所組成,在這其間被包起來的部份就是區塊內容,像是文字、圖片等等。<div>標籤可以將HTML網頁不同的部分組合在一起,建立網頁結構,它可以定義一個長方形區塊與使用CSS樣式格式化群組元素。


<span>標籤

一組標準的HTML span標籤是由一個開頭<span>標籤與一個結束</span>標籤所組成,標籤內可以放入一些設定用的東西,像是class 用來標示特定class 名稱,style用來宣告span標籤的樣式。
<span>標籤也是用來群組元素,但要注意的是,這是單行元素,所以並不會建立區塊,也就是換行。


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

參考網站資料:
https://www.wibibi.com/info.php?tid=HTML_div_%E6%A8%99%E7%B1%A4
https://www.webtech.tw/info.php?tid=HTML_span_%E6%A8%99%E7%B1%A4%E7%94%A8%E6%B3%95
參考書籍資料:
文科生也可以輕鬆學習網路爬蟲


上一篇
DAY18-爬取清單和詳細內容的網頁
下一篇
DAY20-爬取HTML容器標籤
系列文
30天網路爬蟲學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言