整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML 链接

HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

HTML 链接

如何在HTML文档中创建链接。

(可以在本页底端找到更多实例)

HTML 超链接(链接)

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

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

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

在标签<a> 中使用了href属性来描述链接的地址。

默认情况下,链接将以以下形式出现在浏览器中:

  • 一个未访问过的链接显示为蓝色字体并带有下划线。

  • 访问过的链接显示为紫色并带有下划线。

  • 点击链接时,链接显示为红色并带有下划线。

注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。

HTML 链接语法

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

<a href="url">链接文本</a>

href 属性描述了链接的目标。.

实例

<a href="http://www.runoob.com/">访问菜鸟教程</a>

上面这行代码显示为:: 访问菜鸟教程

点击这个超链接会把用户带到菜鸟教程的首页。

提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

HTML 链接 - target 属性

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

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

实例

<ahref="http://www.runoob.com/"target="_blank">访问菜鸟教程!</a>

HTML 链接- id 属性

id属性可用于创建在一个HTML文档书签标记。

提示: 书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。

实例

在HTML文档中插入ID:

<a id="tips">有用的提示部分</a>

在HTML文档中创建一个链接到"有用的提示部分(id="tips")":

<a href="#tips">访问有用的提示部分</a>

或者,从另一个页面创建一个链接到"有用的提示部分(id="tips")":

<a href="http://www.runoob.com/html/html-links.html#tips">

访问有用的提示部分</a>

基本的注意事项 - 有用的提示

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

图片链接

如何使用图片链接。

在当前页面链接到指定位置

如何使用书签

跳出框架

本例演示如何跳出框架,假如你的页面被固定在框架之内。

创建电子邮件链接

本例演示如何如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)

建电子邮件链接 2

本例演示更加复杂的邮件链接。

HTML 链接标签

标签描述
<a>定义一个超级链接

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

同的链接可以有不同的样式。


链接样式

链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。

特别的链接,可以有不同的样式,这取决于他们是什么状态。

这四个链接状态是:

  • a:link - 正常,未访问过的链接

  • a:visited - 用户已访问过的链接

  • a:hover - 当用户鼠标放在链接上时

  • a:active - 链接被点击的那一刻

实例

a:link {color:#FF0000;} /* 未访问链接*/

a:visited {color:#00FF00;} /* 已访问链接 */

a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */

a:active {color:#0000FF;} /* 鼠标点击时 */

当设置为若干链路状态的样式,也有一些顺序规则:

  • a:hover 必须跟在 a:link 和 a:visited后面

  • a:active 必须跟在 a:hover后面


常见的链接样式

根据上述链接的颜色变化的例子,看它是在什么状态。

让我们通过一些其他常见的方式转到链接样式:

文本修饰

text-decoration 属性主要用于删除链接中的下划线:

实例

a:link {text-decoration:none;}

a:visited {text-decoration:none;}

a:hover {text-decoration:underline;}

a:active {text-decoration:underline;}

背景颜色

背景颜色属性指定链接背景色:

实例

a:link {background-color:#B2FF99;}

a:visited {background-color:#FFFF85;}

a:hover {background-color:#FF704D;}

a:active {background-color:#FF704D;}

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

0个免费CC授权音乐素材网站,音乐类型多样且下载方便,让制作影片、报告,及工作需求的人们使用。

20个免费CC授权音乐素材网站

想寻找一些不错的音乐素材吗?网络上有不少合法的免费资源,例如免费图库、免费设计素材或免费向量图,如果你有时间,可以从网站找到不少合适的免费资源,包括以Creative Commons授权,可用于个人专案的免费音乐。

如果你想知道一些视频网站影片的背景音乐从何而来,那么你来对地方了。使用Creative Commons授权的音乐,可以用于商业或非商业专案,而不需要支付版费。简单来说,音乐创作者仍然拥有音乐的所有权以及它的版权,但你能将它使用于你的影片、电影或是小型多媒体制作,只要依照Creative Commons授权正确标注原作者名称。

这里收集了许多以Creative Commons授权音乐的网站,让你可以免费(且合法)下载许多音乐。这些网站很易用,你需要做的就是选择你需要的音乐,然后将它保存为MP3或其他格式,即可自由使用。

Jamendo

Jamendo资料库拥有超过350,000个音频档案,包括许多不同语言、国家的音乐。其进阶搜寻功能可帮助你从大型资料库中缩小范围,找到你所需要的音频素材。

网站还提供一个「电台」选项,你可以免费听音乐,就像其他的电台频道。注册、登入帐户后,你也可以将自己喜爱的音乐储存到帐户里。(https://www.jamendo.com/en)

Jamendo

Freesound

Freesound是一个Creative Commons授权音乐的多人协作资料库,在这个资料库里收录许多声音效果,如环境噪音、和成音效或透过乐器所制作的音乐。

从Freesound浏览、下载和分享音乐;在注册免费帐户后,你也可以上传自己制作的音效至他们的资料库。(https://www.freesound.org)

Freesound

ccMixter

在这个网站上的音乐可以随时下载、分享给任何人、或分享至任何地方。在这里的音效主要用于DJ音乐混音。有各种的范本可以选择,音乐是以标签描述进行分类。(http://ccmixter.org/)

ccMixter

Kompoz

Kompoz是一个线上社群,聚集从世界各地而来引以为傲的艺术家,在这里每个人都能够下载、并将音效使用于自己制作的短片。他们也可以在原始音效里加入自己的工具或创意组合,并再次上传到网站上。

随着越来越多的音效被剪辑、发布到网站上,它也成为许多音乐家创意协作的平台。(http://www.kompoz.com/)

Kompoz

SoundCloud

SoundCloud是一个非常受欢迎的网站,著名的音乐家分享他们自制的音乐至世界各地。网站有Creative Commons分类,可以下载别人的音乐,只需要简单的点选即可下载、取得MP3格式。

注意:有些创作者要求必须在他们的Facebook「点赞」才能够下载音效。(https://soundcloud.com)

SoundCloud

BeatPick

在BeatPick,你有一个类似播放器的功能,可以收听列表里的任何歌曲。如果要从网站下载任何音效,你必须要注册一个帐户。

每个音效都有描述可供参考,能帮助你寻找特定主题的音乐。(http://www.beatpick.com/)

BeatPick

Musopen

Musopen是一个可以发掘免费音乐的网站,包括小提琴、大提琴、中提琴等各种乐器的组合。适合喜爱安静音乐,例如爵士乐、古典乐的使用者,更棒的是,你还能从网站里下载乐谱。

你可以通过作曲者、乐器或音乐片段来浏览或寻找音乐。(https://musopen.org/)

Musopen

Vimeo

你可能听过Vimeo,这是一个线上影音网站,但它也提供你能使用的免费音乐(有些必须付费才能下载),下载前必须登入帐户,也会跳出授权提示,必须依照网站的指示加入音乐创作者的相关资讯。

举例来说,你将里面的音乐用于YouTube的影片时,你必须在影片或影片说明里放置该创作的详细信息,包含创作者、来源网站及链接。(http://artistserver.com/)

Vimeo

ArtistServer

ArtistServer拥有超过11,000个MP3、及超过10,000个创作者,当你注册后,也可以加入创作行列。网站提供许多音乐类型供你选择,你也可以免费下载网站内的音乐。

它也提供下载前预览剪辑功能。(http://artistserver.com/)

ArtistServer

IBeat

如果你是一名DJ,或是要寻找一些免费的节拍、循环音乐,iBeat拥有庞大的音乐资料库,采用Creative Commons授权方式。这些节拍可以用于各种风格的音乐,例如摇滚节奏、嘻哈、甚至是一般声乐或电子节拍。无须注册。(http://ibeat.org/)

IBeat

CCTrax

CCTrax是一个免费的音乐目录。为音乐爱好者提供以Creative Commons授权的音乐资料库。大量的音乐专辑都可以在这里免费下载,像是AlexanderSaykov、Baumfreun、Stiver等等。(http://www.cctrax.com/)

CCTrax

JewelBeat

在JewelBeat,你可以通过关键字来搜寻免费的背景音乐。这些免费背景音乐,可以用于任何你制作的影片。这里提供的音乐片段多为乐器或短循环节奏。除了免费下载区,也有>在JewelBeat,你可以通过关键字来搜寻免费的背景音乐。这些免费背景音乐,可以用于任何你制作的影片。这里提供的音乐片段多为乐器或短循环节奏。除了免费下载区,也有$0.99美元的下载区可供选择。(http://www.jewelbeat.com/free/free-background-music.htm)<.99美元的下载区可供选择。(http://www.jewelbeat.com/free/free-background-music.htm)

JewelBeat

Audionautix

在Audionautix网站上的音乐皆以Creative Commons3.0授权–你甚至可以将音乐用于商业用途,必须标注Audionautix网站。如果你喜欢某段音乐,可以预览片段,或是右键选择「将目标/链接另存为…」来下载到电脑里。(http://audionautix.com/)

Audionautix

FMA

FMA是FreeMusicArchive(免费音乐)的缩写,提供高品质、合法的音乐下载。使用方式为浏览你喜爱的音乐,将它加入你的音乐播放器、电台。你可以选择下载完整的音乐片段。使用音乐播放器或下载音乐是无须注册的。(http://freemusicarchive.org/)

FMA

Purple Planet

紫色星球(Purple Planet)是由两个人所建立,ChrisMartyn和GeoffHarvey,允许使用者免费使用他们的音乐。你可以将他们的音乐用于自己的影片作品,但必须在影片的描述里标记他们的网站。他们的音乐风格属于恐怖、戏剧性或神秘的场景效果。(http://www.purple-planet.com/)

Purple Planet

Incompetech

Incompetech托管各式各样免版税的音乐。你可以通过音乐类型或感觉来浏览、选择。「感觉」包括动作、轻松、强烈或幽默;你可以选择某种「感觉」的组合,它会从资料库裡挑选出合适的音乐类型。音乐素材可以在网站上播放,或是下载。(http://incompetech.com/music/royalty-free/)

Incompetech

Bump Foot

BumpFoot来自日本,主要专注于Techno、节奏和电子舞曲音乐。你可以下载档案并用于非商业,只要链接他们的网站,或是标注来源名称。

在这网站上无法串流音乐,只提供下载链结。要下载时不用注册帐户。(https://www.bumpfoot.net/)


Bump Foot

CASH Music

CASH Music是一个让音乐创作者托管、分享音乐的非营利组织。这个数位工具可以让上传、下载或分享音乐变得更加简单。(https://cashmusic.org/)

Josh Woodward

这网站是由一个人独自完成,网站内收录超过180首歌曲都是免费下载、共享和使用。如果你使用了该网站的音乐,记得标注来源、链回网站。(http://www.joshwoodward.com/)

PacDV

这是一个小型的免费音乐资料库,以情绪或情感来加以组织﹑分类,包括:温暖、可爱、严重或孤独。(https://www.pacdv.com/sounds/free-music.html)

SampleSwap

SampleSwap是另外一个音乐创作论坛。可自由上传、下载音乐及参与讨论。(https://sampleswap.org/mp3/creative-commons/free-music.php?show=all)

DanoSongs

这也是一个人的网站。你可以将网站提供的音乐用于自制的短片,以音乐类型进行分类,例如电影配乐、流行、摇滚或Techno、电子音乐等等。(http://www.danosongs.com/)

Public Domain 4U

这个网站提供许多免费音乐类型,可以自由下载,无须注册。(http://publicdomain4u.com/)

Orphan Songs

此网站是由音乐人Carl-OttoJohansson所建立,记录自己的音乐创作。他上传他的两张专辑、以及一些音乐曲目,采用Creative Commons授权公众使用。(http://www.orphansongs.com/)

Sonnyboo

要使用这个网站上的音乐,必须标注音乐的创作者PeterJohnRoss。歌曲范围从爵士乐到电子乐都有。(http://sonnyboo.com/music/music.htm)

注意:在使用任何网站的音乐前,请先了解六种Creative Commons授权(CC授权)的正确使用方法。在不同的授权下有不一样的使用限制,但都需要你链接回原创作者页面。