06 html当中超链接的标签规则和应用

php老师 · 发表于 2014-11-28 10:07:37

亲注册登录道勤网-可以查看更多帖子内容哦！（包涵精彩图片、文字详情等）请您及时注册登录-www.daoqin.net

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由 php老师于 2014-11-28 10:20 编辑

什么叫超链接？怎么制作超链接？

超链接的特殊属性是什么？

实际的操作，老师在教程里都有详细的操作。

我们来研究一个问题，

1.哪些东西可以做超链接？

答：超链接可以是一个字，一个词，或是一组词，也或许是一幅图画。

2.超链接的功能怎么样实现呢？

答：当你点击字，词，一组词或一幅画时，就会跳转到新的文档或者是当前文档的某个部分。

其实简单来说，就相当于传说当中的“锚文本”！

html的超链接由<a> 标签在 HTML 中创建链接。具体操作还是看教程吧！
好我们来看这段代码：

<body>
道勤教育让我们一起学习如何制作网站设计. 美工学习教程道勤网官方交流群QQ群：226547332哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈欢迎大家的的光临，让我们一起学习吧，思密达啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈哈哈哈啊啊哈哈阿哈哈哈哈哈哈哈哈 道勤教育不收费不收费，收费是小狗，来吧 道勤网一起学习。
</body>

复制代码

那么之后，我们来看最后一句话：道勤网一起学习。

那么我们在这个代码里面添加一个<a>的标签
代码如下：

<a>道勤网一起学习。

复制代码

此时我们只是给它加了个<a>标签，还没有设定它的属性，<a>标签是不需要闭合的。
好看如下代码：

<a href="http://www.daoqin.net">道勤网一起学习。

复制代码

或者是

<a href="http://www.daoqin.net"/>道勤网一起学习。

复制代码

那么此时我们在下如下代码：

<a href="http://www.daoqin.net"/ target="_blank">道勤网一起学习。

复制代码

这个target="_blank" 的属性指的是，打开超链接的方式为新窗口打开。

好那么我们在给他加这个style属性
style="color:#6666; font-size:30px background:#F6;"

<a href="http://www.daoqin.net"/ target="_blank" style="color:#666; font-size:30px; background:#0F6">道勤网一起学习。

复制代码

效果如下：

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！