iT邦幫忙

2021 iThome 鐵人賽

DAY 13
0

https://ithelp.ithome.com.tw/upload/images/20210927/20116357IiiqwYXsip.jpg
如果你平常要處理大量文書工作,應該對我們這次介紹的「項目符號和編號」並不陌生,這又另稱為清單區塊 (List),本篇教學前期比較簡單。各種文本編輯器理論上都有提供,這也是 HTML 的基礎功能之一。

引用完整教學:

HTML ul 與 ol 的差異?


將任意的文本內容,轉換為清單區塊 List Block

https://ithelp.ithome.com.tw/upload/images/20210927/20116357T8gOFe4NNO.jpg


自由切換「項目符號」和「編號」

https://ithelp.ithome.com.tw/upload/images/20210927/20116357sakuFgKqFe.jpg


如何「增加縮排」和「減少縮排」?

https://ithelp.ithome.com.tw/upload/images/20210927/20116357NlhzszNe6R.jpg


項目符號和編號的設定選項

https://ithelp.ithome.com.tw/upload/images/20210927/201163575zT2OYH5ZM.jpg


項目符號和編號的 HTML 錨點和自訂 CSS

https://ithelp.ithome.com.tw/upload/images/20210927/20116357aEIwLjDuyU.jpg

廷伸閱讀:

HTML ul 與 ol 的差異?有利 SEO 的「項目符號和編號」應用
什麼是區塊編輯器?


上一篇
12 | WordPress 圖庫區塊 Gallery Block
下一篇
14 | WordPress 按鈕區塊 Buttons Block
系列文
WordPress 區塊編輯器與區塊套件組合外掛【新手村】30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言