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>