Bootstrap

Html-列表-超链接

列表(列表之间可以相互嵌套)

列表有三种模式,有序列表,无序列表,自定义列表

无序列表< ul >

vscode快捷键ul+li*5

效果:::

<ul>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
</ul>

在这里插入图片描述

有序列表< ol >

<ol>
	<li></li>
	<li></li>
	<li></li>
</ol>

在这里插入图片描述

自定义列表< dt >(一般不用)

	<dl>
		<dt>火狐</dt>
			<dd>游览器</dd>
			<dd>国外app</dd>
			<dd>哈哈哈</dd>
	</dl>

在这里插入图片描述

超链接< a >< /a >标签

从一个页面跳转到另一个页面
属于行级标签,但是它的内部可以放块级,行级的所有标签但是不能再放了

属性:

  • href : 最主要的属性,用来指定跳转的地址路径
  • target _self(默认值)在当前页面打开跳转页面 _blank 重新打开一个页面打开跳转页面

跳转到外部网页

绝对路径

<a href="https://www.baidu.com">外部页面</a><br>

跳转到内部网页

相对路径

  • . / 表示当前路径(默认的)
  • . . /表示当前路径的上一级路径
    在这里插入图片描述
<a href="index.html">内部页面</a>
<a href="aa/aa.html"> 哈哈哈</a> // 20..html跳到aa.html

利用标签跳转到页面的任意位置

回到顶部
<a href="#">回到顶部</a>
去底部(用id标识)
<a href="#cc">去底部</a>
<div id="cc">页脚</div>
去任意地方
思路与去底部相同。只需要设置的id属性不一样就行了

可以使用Javascript:;作为href的属性,此时点击这个超链接啥也不会发生
<a href="javascript:;">此超链接接没有效果</a>

;