超链接是什么标签?以及有哪些属性? 超链接是什么( 二 )


超链接是一种对象,它以特殊编码的文本或图形的形式来实现链接,如果单击该链接,则相当于指示浏览器移至同一网页内的某个位置,或打开一个新的网页,或打开某一个新的WWW网站中的网页 。
网页超链接
网页上的超链接一般分为三种:一种是绝对URL的超链接 。URL(Uniform Resource Locator)就是统一资源定位符,简单地讲就是网络上的一个站点、网页的完整路径 。
第二种是相对URL的超链接 。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去;
还有一种称为同一网页的超链接,这种超链接又叫做书签 。
动态静态
超链接还可以分为动态超链接和静态超链接 。动态超链接指的是可以通过改变HTML代码来实现动态变化的超链接,例如我们可以实现将鼠标移动到某个文字链接上,文字就会象动画一样动起来或改变颜色的效果,也可以实现鼠标移到图片上图片就产生反色或朦胧等等的效果 。而静态超链接,顾名思义,就是没有动态效果的超链接 。
论坛超链接
正文形式
1 图文
2 软文
3 留言 {回帖使用较多}
4表格
5 无
二、链接位置
1 开头
2 文中
3 末尾
4 隐藏
三、链接形式
1.文本
2. 目标关键词
3. 链接
4. 带锚文字链接
5. 隐藏 {链接与背景色一致等}
四、链接代码
A超文本标记语言(html)
1.a/a {锚(anchor)标签}
锚标签属性
title=锚文字
href=https://www.doubo5.com/链接
target=_blank {转到空白页}
rel=nofollow或者 rel=external nofollow {搜索引擎蜘蛛不跟踪这个(外部)链接}
2. b/b {加粗(bold)标签}
虽然 strong/strong 与 b/b 表现形式相同,但 bold 是“加粗”,strong 是“强调” 。
3. font color = #六位16进制码/font {字体(font)标签}
4. span/span {生成(span)标签}
生成标签自身无涵义
举例:设置字体颜色 span style ="color:# 六位16进制码;"/span
B Discuz!代码
1. [url=链接]链接[/url] {等于 a href=https://www.doubo5.com/链接 target=_blank链接/a}
2. [url=链接]锚文字[/url] {等于 a href=https://www.doubo5.com/链接 target=_blank锚文字/a}
3. [url=链接]锚文字[/url ]([url=链接]链接[/url])
4. [url=链接A]锚文字a[/url]|[url=链接B]锚文字b[/url]
5. 目标关键词[url=链接]链接[/url]
6. 目标关键词[url=链接]锚文字[/url]
五、链接数量
链接数量大等于0
建议数量
每个页面30贴=每帖1个*30贴=30个
每个页面10贴=每帖(1-2)个*10贴=(10-20)个
六、术语简释
1. 目标关键词(keyword)
目标关键词(keyword) ≈关键字、关键词、目标关键字、外链关键字、外链关键词
2.文本(text)
文本(text) ≈ 文字、纯文字、纯文本
3.锚文字(anchor text)
锚文字(anchor text){包含目标关键词} ≈ 链接锚文字、超链接锚文字、外链锚文字、锚文本、链接锚文本、超链接锚文本、外链锚文字、链接文字、超链接文字、外链文字、超文本、链接超文本、超链接文本、外链超文本、链接源头文字
4.链接(link)
链接(link) ≈ 网址、网页地址、地址、裸链、外链、链接、超链接、纯链接、外部链接、导出链接、外部超链接、导出超链接
超文本语言
编辑
1a/a!--一个超级链接 。--
1a /a!--一个有标题的超链接 。--
1a href="https://www.doubo5.com/mailto"/a!--一个自动发送电子邮件的链接 。--
锚点链接
1a href="https://www.doubo5.com/#百度百科"/a!--一个有标题的超链接 。--
代码
编辑
图片及特效代码
图片超链接
代码:
ahref="https://www.doubo5.com/你要链接到的地址"target="_blank"imgsrc="http://csimg.miaodongshenghuo.com/230113/005U51B4-1.jpg"width="宽度"height="高度"border="0"/a文字超链接
代码:
ahref="https://www.doubo5.com/所要链接的地址"target="_blank"百度百科/a图片标志超链接
代码:
imgsrc="http://csimg.miaodongshenghuo.com/230113/005U539D-2.jpg"border="0"
把以下代码加在已经存在的面板里(想选那种方式就加那段代码,不要全部都加):
链接多样性
1.让链接变色
STYLETYPE="text/css"
A {text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
/STYLE
2.增加链接的力度—即字体变大
STYLETYPE="text/css"
A {text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
/STYLE
3.触到链接时出现虚线
代码:STYLETYPE="text/css"
A { text-decoration: NONE; color: #51bfe0}

秒懂生活扩展阅读