iT邦幫忙

2021 iThome 鐵人賽
DAY 9
0
自我挑戰組

網美滴網頁系列 第 9 篇

Day9_HTML語法6

13th鐵人賽
473 瀏覽

  • 分享至 

  • xImage
    •  

項目符號和編號
在閱讀時,常常會使用條列式的方式呈現內容,讓讀者更一目了然,此時我們就會使用 < ul>、< ol>、< li>元素來做條列式的呈現

  • < ul>是標示項目符號
  • < ol>是標示編號
  • < li>是用來設定個別的項目資料
    下圖例子讓大家更了解,大家也可以試著做做看
    https://ithelp.ithome.com.tw/upload/images/20210923/20140142o2SulAEGmH.png
    https://ithelp.ithome.com.tw/upload/images/20210923/20140142QZYnsWwPDH.png
    而< ol>是可以作揖些其他設定讓他有其他的編號類型,省略設定就會像上圖的例子,會直接以阿拉伯數字表示,若做設定,我們會使用type做設定
    https://ithelp.ithome.com.tw/upload/images/20210923/20140142YzJNACWgMV.png
    下面舉個例子給大家,大家也可以試著做做看
    https://ithelp.ithome.com.tw/upload/images/20210923/201401423H1XdJTdho.png
    https://ithelp.ithome.com.tw/upload/images/20210923/20140142UCjQLtMC86.png
    今天的大家可以一樣在家試試看,會更了解歐,大家加油!!!!!!!!!!!!!!!!!!

上一篇
Day8_HTML語法5
下一篇
Day10_HTML語法7
系列文
網美滴網頁 共 30 篇
  1. 26
    Day26_CSS語法9
  2. 27
    Day27_CSS語法10
  3. 28
    Day28_CSS語法11
  4. 29
    Day29_CSS語法12
  5. 30
    Day30_終於結束了
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22195 篇
完賽人數
600 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙