小贝学习html--超链接

最新推荐文章于 2024-03-18 20:25:37 发布

脚本小子-小贝

最新推荐文章于 2024-03-18 20:25:37 发布

阅读量952

点赞数

分类专栏： xhtml 文章标签： xhtml url

本文链接：https://blog.csdn.net/u014795720/article/details/40018451

版权

xhtml 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

xhtml_超链接

导航
1.超链接的基本格式
2.超链接的种类
3.相对链接和绝对链接
4.瞄点的链接

超链接也叫资源定址器. 这个定址器的功能主要告诉浏览器根据 URL的地址找到所需的资源。

HTML使用标签 <a>来设置超文本链接。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。在标签<a> 中使用了href属性来描述链接的地址。
默认情况下，链接将以以下形式出现在浏览器中：
a、一个未访问过的链接显示为蓝色字体并带有下划线
b、访问过的链接显示为紫色并带上下划线
c、点击链接时，链接显示为红色并带上下划线

1、超链接的基本格式
格式:
scheme://host[:post]/path/filename
scheme 指的是 http,ftp,file,mailto,news,gopher,telnet 七种
host 指的是 IP 地址或计算机名称
post 指的是服务器端口
path 指的是文件路径
filename 指的是文件名
<a href=scheme://host[:post]/path/filename >…</a>

2、超链接的种类
一般常用的分为四种:
2.1. http
声明 <a href=http://www.163.com/images/logo.htm> 网易 logo</a>
2.2. file
声明 <a href=file:///e/images/pic.jpg>图片</a>
2.3. ftp
声明 <a href=ftp://192.168.4.21/>进入</a>
2.4. mailto <a href=mailto:bnbbs@163.com>E-MAIL</a>

3、相对链接和绝对链接
3.1. index.htm
3.2. page/index.htm
3.3. page/top/index.htm
3.4. ../index.htm
3.5. ../../index.htm
3.6. ../page/index.htm

4、瞄点的链接
任意标签下的属性
属性名称属性值说明
id 字符串设置超链接的标记
基本格式：
瞄点<标签 id="xiaobei”>…</标签>
链接点<a href="#xiaobei”>…</a>
链接到别的网页的瞄点：
基本格式：
瞄点<标签 id="xiaobei”>…</标签>

链接点<a href="index.htm#xiaobei”>…</a>

<span style="font-family:Courier New;font-size:14px;"><html>
<head>
	<meta name="keywords" content="HTML超链接"/>
	<meta name="description" content="HTML超链接"/>
	<meta name="author" content="xiaobei qq:2801616735"/>
	<meta http-equiv="Content-type" content="text/html;charset=utf-8"/>
	<title>2014-10-12 HTML超链接</title>
</head>
<body>
	<p id="top"> </p>
	<ul>
    	<li>导航</li>
        <li>
        	<ul>
            	<li>超链接的基本格式</li>
        		<li>超链接目标</li>
                <li>超链接瞄点</li>
            </ul>
        </li>
    </ul>
    <hr/>
    <h2>超链接的基本格式</h2>
    <a href="./a.html">超链接的基本格式</a>
    <hr/>
    <h2>超链接目标_属性target</h2>
    <a href="./a.html" target="_target">超链接目标</a>
    <hr/>
    <h2>超链接瞄点</h2>
    <a href="#ten">look ten</a>
    <p>one</p>
    <p>one</p>
    <p>one</p>
    <p>one</p>
    <p>one</p>
    <p>one</p>
    <p>one</p>
    <p>one</p>
    <p>one</p>
    <p>one</p>
    <p id="ten">ten</p>
    <p>one</p>
    <p>one</p>
    <p>one</p>
    <a href="#top">look top</a>
</body>
</html>
</span>

注意:

请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://域名/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://域名/html/"。

脚本小子-小贝

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小贝学习html--超链接

超链接导航1.超链接的基本格式2.超链接的种类3.相对链接和绝对链接4.瞄点的链接超链接也叫资源定址器. 这个定址器的功能主要告诉浏览器根据 URL的地址找到所需的资源。HTML使用标签来设置超文本链接。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页
复制链接

扫一扫