列表和超链接

你们有没有想过我们在搜索问题时,那一排一排的文字,为什么按下时会跳转至别的页面。

那个在就是超链接了。

超链接其实很简单刚开始只有一个,

<a>

<a>:超链接标签
<a href="https://www.baidu.com">百度(跳转到其它网页)</a>
<a href="#dibu">跳转到本页面的底部<br/>(跳转到本页面的任何一个位置)
<!--在最后一行中有命名(指定目标)-->
跳转到其它页面的任何一个位置
通过图片跳转到其它网页
跳转到音频
跳转到视频
跳转到邮箱
<a href"https://www.baidu.com" target="_blank">打开新窗口(跳出框架)</a>
<a name="dibu">底部</a>

而且还可以加上列表可使更加美观。

<ol>:有序列表标签
<ul>:无序列表标签
<li>:列表项标签
<dl>:定义列表标签
<dt>:标识名词解释标签
<dd>:标识名词标签

还可以加上属性

源代码:

<!doctype html>
<html>
<head>
<title>列表和超链接</title>
<meta charset="utf-8">
</head>
<body>
<p>a:超链接标签<br/>
<a href="https://www.baidu.com/">百度(跳转到其它网页)</a><br/>
<a href="#dibu">跳转到本页面的底部<br/>(跳转到本页面的任何一个位置)</a><br/>
跳转到其它页面的任何一个位置<br/>
通过图片跳转到其它网页<br/>
<nav>跳转到音频<br/>
跳转到视频<br/>
跳转到邮箱<br/></nav>
<a href"window.html" target="_blank">打开新窗口(跳出框架)</a>
</p>
ol:有序列表标签<br/>
ul:无序列表标签<br/>
li:列表项标签<br/>
dl:定义列表标签<br/>
dt:标识名词解释标签<br/>
dd:标识名词标签<br/>
<a name="dibu">底部</a>
</body>
</html>

效果如下:

已经放大 

 

おすすめ

転載: blog.csdn.net/lkmjnhbygcde/article/details/121875380