1.列表標簽
1)無序列表<ul>:各個表項之間沒有順序級別之分（<li>是列表項，每對<ul></ul>中至少包含一對<li></li>
<ul>和<li>都擁有type屬性：disc、circle、square
2)有序列表<ol>:屬性有type,start(規定項目符號的起始值)、value(規定項目符號的數字)
3)定義列表<dl>:<dl>用於指定定義列表，<dt>用於指定術語名稱，<dd>用於對名詞的解釋，<dt>和<dd>嵌套於<dl>當中，且三個標簽之間不允許出現其他標簽。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>無序列表/有序列表/定義列表</title> </head> <body> <ul type="square"> <li>動物 <ul> <li>兩棲動物1</li> <li>爬行動物2 <ul type="circle"> <li>蜥蜴</li> <li>壁虎</li> </ul> </li> </ul> </li> <li>植物</li> </ul> <ol> <li>大師兄孫悟空</li> <li>二師兄豬八戒</li> <li>三師弟沙和尚</li> </ol> <ol> <li type="1">第一名狀元</li> <li type="a">第二名榜眼</li> <li type="I">第三名探花</li> </ol> <dl> <dt>名詞</dt> <dd>對名詞的描述信息1</dd> <dd>對名詞的描述信息2</dd> </dl> </body> </html>
2.CSS控制列表樣式
1）list-style-type屬性：控制列表項顯示符號的類型
2）list-style-image屬性：為各個列表項設置項目圖像，使列表的樣式更加美觀
3）list-style-position屬性：用於控制列表項目的位置
4）list-style屬性：綜合設置
3.超鏈接標簽
1）創建超鏈接<a href="跳轉目標" target="目標窗口的彈出方式"></a> (!有些超鏈接會出現邊框，設置border="0")
<a href="http://www.baidu.com" target="_self">百度<br/></a> <a href="https://home.firefoxchina.cn/" target="_blank">火狐主頁<br/></a>
2)錨點鏈接
<a href="#one">錨點</a> ... <ul type="square" id="one">...</ul>
3)超鏈接<a>的偽類
a:link 超鏈接的默認樣式
a:visited 超鏈接被訪問過的樣式
a:hover 鼠標經過，懸停時超鏈接的樣式
a:active 鼠標單擊不動使超鏈接的樣式