第五章 列表与超链接

1、无序列表(ul):各个列表项之间是并列关系

      <li></li>标记嵌套在<ul></ul>标记中,每对<ul></ul>至少包含一对<li></li>。<ul><li>都具有type属性,用于指定列表项目符号。

      type属性值:disc(●)  circle(○)  square(■)

     注:<li></li>之间相当于一个容器,可以容纳所有的元素。但是<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标记中输入文字的做法是不被允许的。

2、有序列表(ol):即为有排列顺序的列表。

      每对<ol></ol>也至少包含一对<li></li>。

      除type属性之外,还可以为<ol>定义start属性,为<li>定义value属性。

      type属性的属性值:1(项目符号显示为数字1 2 3 ....默认)

                                          a或A(a b c或A B C)

                                          i或I;

     start属性的属性值为数字(规定项目符号的起始值)

    value属性的属性值为数字(规定项目符号的数字)

3、定义列表:用于对术语或名词进行解释和描述,与无序和有序列表不同,定义列表的列表项前没有任何项目符号。

     <dl></dl>标记用于指定定义列表,<dt></dt>(指定术语名词)和<dd></dd>(对名词进行解释和描述)并列嵌套于<dl></dl>中。

     一对<dl></dl>可以对应多对<dt><dd>.

4、list-style复合属性

       list-style:列表项目符号  列表项目符号的位置  列表项目图像

       在实际网页制作过程中,为了更高效地控制列表项目符号,通过将list-style的属性值定义为none,然后通过<li>设置背景图像的方式实现不同的列表项目符号。

5、超链接标记<a>

      <a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

     <a> 标记是一个行内标记,用于定义超链接。

     target:用于指定链接页面的打开方式,_self为默认值,在原窗口打开。_blank为在新窗口打开。

     注:暂时没有确定的链接目标是,通常将<a>标记的href属性值定义为"#",表示该链接暂时为一个空链接。

6、清除超链接图像的边框

       <a href="#"  ><img  src="图像路径"  border="0"/></a>

7、链接伪类

     a:link{}   未访问时的超链接的状态

     a:visited{}  访问后超链接的状态

     a:hover{}   鼠标经过,悬停时超链接的状态

     a:active{}   鼠标单击不动时超链接的状态

8、锚点链接

     <a  href="#id名">链接文本</a>创建链接文本,其中href="#id名"用于指定链接目标的id名。

      (1)使用<a  href="#id名">链接文本</a>创建链接文本

       (2)使用相应的id 名称标注跳转目标的位置。


  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值