iT邦幫忙

2026 iThome 鐵人賽

DAY 9
0

學習到一個我認為很生活化的東西,它叫做清單。
如果我想整理出一些做設計、美術時常用到的軟體:

  • Photoshop
  • Clip Studio Paint
  • Spine
  • Blender

如果是自己打文章、作筆記,那通常是直接一行一行寫/打出來,而在 HTML 裡面則是有專門拿來製作清單的標籤。
像這樣:

<ul>
    <li>Photoshop</li>
    <li>Clip Studio Paint</li>
    <li>Spine</li>
    <li>Blender</li>
</ul>

其中 <ul> 是清單本身,而裡面的每一個 <li> 就代表清單中的一個項目。
實際看到瀏覽器顯示出來之後,就會自動變成一個有項目符號的清單。
另外還有 <ol>:

<ol>
    <li>第一步</li>
    <li>第二步</li>
    <li>第三步</li>
</ol>

這種則是有順序的清單,會按照順序列出項目。
如果今天我想做一個作品介紹頁,可能會有「使用工具」、「作品特色」或「製作步驟」這類內容。
使用清單的標籤,就可以直接告訴 HTML 「這裡是一組有關聯的項目。」

看來有些清單只是單純列出項目,不需要特別分先後;但有些內容本身就有順序,這應該會是很常使用的功能吧?想設計網頁的小手摩拳擦掌!

Day 9,學會用 HTML 做清單。


上一篇
Day 8|開始有做平面設計的感覺?
下一篇
Day 10|表格
系列文
美術生的前端初體驗 : 從畫畫到網頁的30天 共 13 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言