列表、超链接

超链接

超链接：指从一个网页的文字或图片指向一个目标的连接关系。

a标签  超链接标签，双标签

格式：<a href=""></a>

属性：href(链接路径)，target（打开方式），name

target="_self/_blank/_parent/_top"

• _self(原窗口)
• _blank(新窗口)
• _parent(父框架)
•  _top(子框架)

name属性的例子

锚点链接实现任意页面指定位置的跳转！

创建锚点 <a name="锚点名"></a>

链接到锚点<a href="#锚点名"></a>

注意：

必须有name或id属性

锚点名见名知义

href属性必须加#号！

 关于超链接

默认外观：

• 未被访问时，有下划线，blue
• 点击时，有下划线，red
• 访问过后，有下划线，purple

超链接类型：

• #空链接
• 锚点链接(指定到位置)
• 图片链接
• 邮件链接

超链接是一对一的关系！！！

---

列表分类：

• 有序列表
• 无序列表
• 自定义列表

ul标签 无序列表标签

语法：<ul><li></li></ul>

属性：type项目符号类型，type=“disc(实心圆)/square(方块)/circle(空心圆)”

无序列表应用场景:新闻列表，导航栏

快捷键：ul>li*n  标签结构  ul>li{...}*n 标签结构＋内容快速完成无序列表

ol标签  有序列表标签

语法：<ol><li></li></ol>

属性：type项目编码类型，type=“1/a或A/罗马数字”

start 项目编码的起始值(属性值只可以是数字，负数也可以)

reversed  反转属性

dl标签  自定义列表标签

• dl可包含dt标签和dd标签，dt和dd是并列关系，不可包含！！
• dt是定义项，dd是描述项/解释项
• dt和dd不能嵌套，不能颠倒！！！
• 一个dl中可以有多个dt，正常为1个
• 一个dl中可以有多个dd

语法：<dl><dt></dt></dd></dd></dl>

自定义列表应用场景：图文混排（上图下文，左图右文）

快捷键：dl>dt+dd