06 html当中 超链接的标签规则和应用
本帖最后由 php老师 于 2014-11-28 10:20 编辑什么叫超链接?怎么制作超链接?
超链接的特殊属性是什么?
实际的操作,老师在教程里都有详细的操作。
我们来研究一个问题,
1.哪些东西可以做超链接?
答:超链接可以是一个字,一个词,或是一组词,也或许是一幅图画。
2.超链接的功能怎么样实现呢?
答:当你点击字,词,一组词或一幅画时,就会跳转到新的文档或者是当前文档的某个部分。
其实简单来说,就相当于传说当中的“锚文本”!
html的超链接由<a> 标签在 HTML 中创建链接。具体操作还是看教程吧!
好我们来看这段代码:
<body>
<!--我们用这个<span></span>标签是用来规范文本的排练方式的-----就是不换行也不换段落-->
<span style="color:#F00;">道勤教育让我们一起学习如何制作网站设计.</span> <span style="color:#6FF; background:#000; font-size:45px;"><i>美工学习教程</i></span><p style="color:#033"><!--P标签的用法就是想在哪里段开就在哪里断开就可以的-->道勤网官方交流群QQ群:226547332</p>哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈<p style="color:#C00; line-height:40px; background:#666; font-family:Verdana, Geneva, sans-serif; font-weight:500;">欢迎大家的的光临,让我们一起学习吧,思密达啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈哈哈哈啊啊哈哈阿哈哈哈哈哈哈哈哈</p><br/><!---这个是br/是个表示换行而<p>表示的是断开-->道勤教育不收费不收费,收费是小狗,来吧 <p>道勤网一起学习。</p>
</body>那么之后,我们来看最后一句话:<p>道勤网一起学习。</p>
那么我们在这个代码里面添加一个<a>的标签
代码如下:<p><a>道勤网一起学习。</p>此时我们只是给它加了个<a>标签,还没有设定它的属性,<a>标签是不需要闭合的。
好看如下代码:
<p><a href="http://www.daoqin.net">道勤网一起学习。</p>或者是
<p><a href="http://www.daoqin.net"/>道勤网一起学习。</p>那么此时我们在下如下代码:
<p><a href="http://www.daoqin.net"/ target="_blank">道勤网一起学习。</p>
这个target="_blank" 的属性指的是,打开超链接的方式为新窗口打开。
好那么我们在给他加这个style属性
style="color:#6666; font-size:30px background:#F6;"
<p><a href="http://www.daoqin.net"/ target="_blank" style="color:#666; font-size:30px; background:#0F6">道勤网一起学习。</p>效果如下:
页:
[1]