Html入门(3)-超链接标签跟列表标签

1、超链接标签

常用属性

①href属性,表示超链接指向的地址。

②target属性,规定被链接的文档在何处显示,常用的是_self,也就是默认选项,覆盖它本身的选项卡。_blank,在新的选项卡打开。

Html入门(3)-超链接标签跟列表标签_第1张图片

下面是一个例子



 
 
超链接学习 



本文本 是一个指向本网站中的一个页面的链接并在相同的框架中打开。

本文本 是一个指向万维网上的页面的链接并在一个新的页面中打开链接。

需要注意的一点是,在我们把链接指向外部网址时,必须要加上主机名,也就是http://,如果不加主机名,就会造成链接指向本地的文件,造成网址打不开的情况。

③锚点学习

Html入门(3)-超链接标签跟列表标签_第2张图片

主要用在同一个页面中,不同位置的跳转,例如,一篇小说中,如何调到第几章,或者回到顶部

回到顶部回到顶部 

2、列表标签

列表分为有序列表跟无序列表

(1)有序列表

 

    标签定义了一个有序列表. 列表排序以数字来显示。

    使用

  1.  标签来定义列表选项。

      标签现在主要有reversed跟type、start三个属性,其中reversed属性表示列表为降序排列,表示方式为reversed="reversed"。而type表示了列表顺序的表示样式,有1、A、a、I、i后面两个是罗马数字,但是现在html5已经舍弃了type属性,用css来代替。start属性,规定了列表的起始数字,也已经被html5舍弃。

      1. Coffee
      2. Tea
      3. Milk
      1. Coffee
      2. Tea
      3. Milk

      显示效果如下:

      Html入门(3)-超链接标签跟列表标签_第3张图片

      有一点需要注意,现在很多浏览器还不支持reversed属性,目前只有 Chrome 和 Safari 6 支持 reversed 属性。

      (2)无序列表

       

        标签定义无序列表。

          标签与 
        •  标签一起使用,创建无序列表。

          属性type表示列表项目的显示样式,也已经舍弃。仅作了解。

          (3)自定义列表

           

          一个dl里面可以有多个dt

          一个dt里面也可以有多个dd。dt代表列表的题目,而dd则代表列表的项目。

你可能感兴趣的:(HTML学习)