列表(列表之间可以相互嵌套)
列表有三种模式,有序列表,无序列表,自定义列表
无序列表< 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>