暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

第11讲:列表和超链接

何先振 2022-08-06
156
以下文章来源于Java何先振,责编行歌


   
列表


在html中可以创建列表,html列表一共有三钟。


  • 有序列表

有序列表,使用 ol标签 来创建有序列表,

使用 li标签 来创建列表项。




 



  • 无序列表

无序列表使用 ul标签 来创建无序列表,

使用 li标签 表示列表项。



 



  • 定义列表

使用 dl标签 来创建一个定义列表;

使用 dt标签 来表示定义的内容;

使用 dd标签 来对内容进行解释说明。




列表之间可以互相嵌套。例如 li标签 列表项中嵌套一个列表。





 

超链接


  • 简介

超链接可以让我们从一个页面跳转到其他页面,或者是当前页面的其他位置。


使用 a标签 定义超链接,属性:href 指定跳转的目标路径,属性的值可以是一个外部网站的地址。




也可以是一个内部页面的地址。



超链接是一个特殊的 行内元素 ,在 a标签 中可以嵌套除它自身外的任何元素。

 



  • 相对路径

当我们需要跳转一个服务器内部的页面时,一般我们都会使用相对路径,相对路径都会使用点(./)开头。


./ 可以省略不写。./ 表示当前文件所在的目录,例如test2页面跳转test1页面,他们都属于test文件夹,属于当前目录,可以使用 ./




../ 表示当前文件所在目录的上一级目录,例如:test2页面跳index页面,test2页面跟index页面不是同级目录,index是上一级目录的文件,就使用 ../


 



  • 超链接的其他用法

超链接 target属性 ,用来指定超链接打开的位置,可以选两种值:_self 默认值,在当前页面中打开超链接;_blank 新建一个窗口打开链接。





超链接当前页跳转,可以将超链接的 href属性 设置为 # ,这样点击超链接以后页面不会发生跳转,而是转到当前页面的顶部位置。






id属性 ,填写唯一的属性值,每个标签都可以添加一个 id属性 ,是唯一的标识,同一个页面中不能出现重复的 id属性 。可以通过给 a标签 设置 id属性 ,跳转到任何指定的位置。







在开发中如果我们没确定跳转的链接时可以使用 # 作为占位符使用。但是有个缺点,就是点击会回到顶部。




如果想点击链接不发生什么,可以使用 javascript: ; 。






 以上就是本期内容,点击下方公众号,学习更多软件开发知识

文章转载自何先振,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论