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 鼠标单击不动使超链接的样式