HTML入门教程 - 8.链接(Links)

 到现在为止,我们已经可以创建出一个独立的网页使用前面我们所学的知识点,确实是非常的不错,但是这一节我们学习的是链接来是你做的网页融入到网络中。

"HTML"中的”H“和”T“表示的是”hypertext“(超文本),基本上就是系统的文字链接。

锚文本(anchor tag (a))使用来定义一个链接的,但是你同样可以增加一些其他的内容来这个锚文本 - 链接的目的链接。

示例代码显示:

<!DOCTYPE html>

<html>

<head>
    <title>My first web page - BESTSG</title>
</head>

<body>

    <h1>My first web page</h1>

    <h2>What this is</h2>
    <p>A simple page put together using HTML</p>

    <h2>Why this is</h2>
    <p>To learn HTML</p>

    <h2>Where to find the tutorial</h2>
    <p><a href="http://blog.csdn.net/bestsg">BESTSG</a></p>

</body>

</html>

实际显示如下:

My first web page

What this is

A simple page put together using HTML

Why this is

To learn HTML

Where to find the tutorial

BESTSG


如上所示,链接的标签定义为“href”属性。链接可以是绝对的链接也可以是相对的链接。

绝对链接:

<a href="http://blog.csdn.net/bestsg">BESTSG</a>

相对链接:
<a href="index.html">BESTSG</a>

链接不必指向其他的HTML文件,他同样可以指向网络中的任意文件。


注意:链接同样可以发送一个用户请求去同一页面的另外一个部分。你可以在标签中增加一个“id”标签属性。
代码示例如下:
<h2 id="go">BESTSG</h2>
<p>xxx</p>
<a href="#go">Go to BESTSG</a>

当你点击这个“Go to BESTSG”的链接时,页面将会滚动到“h2 id=“go”的位置。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值