iT邦幫忙

2022 iThome 鐵人賽
DAY 28
0
Modern Web

從0開始系列 第 28 篇

從0開始爬 - 實作(3)、補充<figure>

14th鐵人賽 d-2
566 瀏覽

  • 分享至 

  • xImage
    •  

Hi 繼續

加背景顏色
https://ithelp.ithome.com.tw/upload/images/20221013/20151919JD2WVM9RMv.png

這邊再一次補充一個HTML的元素

標註

或稱附註，<figure>，可以幫區塊作標註、註解，但是不會影響到閱讀架構
而且須搭配<figcaption>使用，這是設定說明
以下圖片說明，想幫這張圖做註解
https://ithelp.ithome.com.tw/upload/images/20221013/20151919b6HHL2T9uB.png
加上<figcaption>
https://ithelp.ithome.com.tw/upload/images/20221013/20151919fUEHLOW4Ix.png

換個字體
https://ithelp.ithome.com.tw/upload/images/20221013/20151919rGISMiZ9J5.png

加點小互動
https://ithelp.ithome.com.tw/upload/images/20221013/20151919Y776SVXjht.png
https://ithelp.ithome.com.tw/upload/images/20221013/20151919fI8cXUUwtv.png

再加個推薦表單
https://ithelp.ithome.com.tw/upload/images/20221013/20151919rdL1tnxlpF.png

差不多就結束啦
確定好內容都上去之後明天就上傳/images/emoticon/emoticon37.gif


上一篇
從0開始爬 - 實作(2)
下一篇
從0開始爬 – 實作(4)
系列文
從0開始 共 30 篇
  1. 26
    從0開始 - 實作(1)、補充<div>、<span>
  2. 27
    從0開始爬 - 實作(2)
  3. 28
    從0開始爬 - 實作(3)、補充<figure>
  4. 29
    從0開始爬 – 實作(4)
  5. 30
    完賽心得
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙