在网页中,超链接是最常用的对象,当鼠标单价包含超链接的文字,图片或其他网页对象时,浏览器会根据其指示载入一个新的页面,或者跳转到指定位置,或者执行特定任务,网页通过超链接连接在一起,构成网状的互联网世界。
1,定义超链接
1.1 URL格式
URL主要用于指定网上资源的位置和方式。一个URL一般由下列3个部分组成:
- 第一部分:协议
- 第二部分:存有该资源的主机IP地址(有时也包括端口号)
- 第三部分:主机资源的具体位置,如目录和文件名
1.2 超链接分类
根据URL不同,网页中的超链接一般可以分为3种类型:
- 内部链接
- 锚点链接
- 外部链接
根据使用对象的不同,网页中的链接又可分为:文本超链接,图像超链接,E-mail链接,多媒体文件链接,空连接等。
1.3 使用<a>标签
<a hef="#">链接文本</a>
<a href="https://www.baidu.com/">百度一下</a>
1.4 定义锚点链接
<a href="#p4">调到p4</a>
...
<p id="p4">这里是p4</p>
1.5 定义不同目标的链接
<p><a href="images/1.jpg">链接到图片</a></p>
<p><a href="demo.html">链接到网页</a></p>
<p><a href="demo.docx">链接到word文档</a></p>
1.6 定义下载链接
<p><a href="images/1.jpg" download>下载图片</a></p>
<p><a href="images/1.jpg">浏览图片</a></p>
1.7 定义热点区域
需要<map>和<area>配合使用
1.8 定义框架链接
<iframe frameborder=0 src="demo.html"></iframe>
2,设置超链接样式
2.1 伪类
:link :visited :hover :active :focus