HTML 超链接学习笔记

HTML 超链接学习笔记

 

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,你可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当你把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

我们通过使用 <a> 标签在 HTML 中创建链接。

有两种使用 <a> 标签的方式:

通过使用 href 属性 - 创建指向另一个文档的链接

通过使用 name 属性 - 创建文档内的书签

HTML 链接语法

链接的 HTML 代码很简单。它类似这样:

<a href="url">Link text</a>

<a href="http://www.w3school.com.cn/">Visit W3School</a>

HTML 链接 - target 属性

使用 Target 属性,你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档:

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

HTML 链接 - name 属性

name 属性规定锚(anchor)的名称。

你可以使用 name 属性创建 HTML 页面中的书签。

使用 id 属性来替代 name 属性,命名锚同样有效

命名锚的语法:

<a name="label">锚(显示在页面上的文本)</a>

图像标签(<img>)和源属性(Src

HTML 中,图像由 <img> 标签定义。

<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。

要在页面上显示图像,你需要使用源属性(src)。src "source"。源属性的值是图像的 URL 地址。

定义图像的语法是:

<img src="url" />

 

推荐阅读