HTML列表——小白篇(6)
阿新 • • 發佈：2020-12-09
列表
什麼是列表
- 列表就是資訊資源的一種展示形式。它可以使資訊結構化和條理化，並以列表的樣式顯示出來，以便瀏覽者能更快捷地獲得相應的資訊。
列表的分類
- 無序列表
- 有序列表
- 定義列表
有序列表< ol>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>有序列表的學習</title> </head> <body> <!--有序列表 應用範圍：學號.問答--> <ol> <li>退一步海闊天空，意思是你退一步，別人海闊天空。</li> <li> 你別看他現在長得帥，他老了就是一糟老頭！</li> <li>說假話總會被人揭穿，戴假髮總會被風揭穿。</li> </ol> </body> </html>
網頁顯示
無序列表< ul>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表的學習</title> </head> <body> <!--無序列表--> <ul> <li>有事請直奔主題，別用你的無知來挑戰我的黑名單。</li> <li>早回家的男人，講故事給老婆聽；晚回家的男人，編故事給老婆聽。</li> <li>我曾經跟一個人無數次的擦肩而過，衣服都擦破了，也沒擦出火花。</li> </ul> </body> </html>
網頁顯示
定義列表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表的學習</title> </head> <body> <!--自定義列表：--> <dl> <dt>冷笑話</dt> <dd>據說好多人早上看時間不是為了起床，而是看還能睡多久。</dd> <dd>晚上不願睡的人都是白天活不夠。</dd> <dd>你再出去晒晒太陽吧，晒得再黑一點，就沒人叫你白痴了!</dd> </dl> </body> </html>
網頁顯示
