學習到一個我認為很生活化的東西,它叫做清單。
如果我想整理出一些做設計、美術時常用到的軟體:
如果是自己打文章、作筆記,那通常是直接一行一行寫/打出來,而在 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 做清單。