【NB】HTML网页设计:超链接
我又来发教程了[滑稽][大拇指][大拇指]
第一期#【NB】HTML网页设计：HTML基本结构#
第二期#【NB】HTML网页设计:网页的基本标签#
多看多学
-------------------------------------------------------------------------------------------
为了避免又有人拿mt管理器弄，所以把写HTML发出来了
这三款软件应该是行了[滑稽]
---------------------------------------正片分界线----------------------------------
超链接
HTML中通过使用<a>标签来创建链接，当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手，点击相应的文本或图片会跳转至新的页面或者当前页面中的某个位置
1.<a>标签
HTML 链接连接语法如下
http://cdn.u1.huluxia.com/g4/M01/26/FA/rBAAdmBZz8aAFf2sAAGApPw5NyI983.png
href属性规定链接的目标，是a标签的必须属性
target属性规定在何处打开链接文档。它有五个选项：
（1）_blank：在新窗口中打开被链接文档
（2）_self：默认。在相同的框架中打开被链接文档
（3）_parent：在父框架集中打开被链接文档
（4）_top：在整个窗口中打开被链接文档
（5）framename：在指定的框架中打开被链接文档
name属性规定锚的名称，HTML5 中不支持
title属性说明了鼠标指针悬停所显示的文字
开始标签和结束标签之间的文字被作为超级链接来显示，即上面一行的代码显示为Link text
<a> 标签的使用有如下两种方式：
1)通过使用 href 属性 - >创建指向另一个文档的链接。
(2)通过使用 name 属性 - >创建文档内的书签。
一些简单的超链接代码示例如下：
(1)通过使用 href 属性 - >创建指向另一个文档的链接。
(2)通过使用 name 属性 - >创建文档内的书签。
一些简单的超链接代码示例如下：http://cdn.u1.huluxia.com/g4/M01/26/FA/rBAAdmBZz8eABfgaAAJykEdr0-A294.png
网页示例如下：http://cdn.u1.huluxia.com/g4/M01/26/FA/rBAAdmBZz8iAMMiMAACiM-z_7VI262.png
http://cdn.u1.huluxia.com/g4/M01/26/FA/rBAAdmBZz8mAFZKnAAVePMLhO9g097.png
2.锚链接
锚链接可以链接到本页面的特定位置，也可以链接到另一个页面的特定位置，其实现方式是添加锚标记。html5不支持name属性，以下用id属性示例，name属性用法大致一样。
（1）当跳转到当前页面的特定位置时，直接将锚标记设为href属性的值
http://cdn.u1.huluxia.com/g4/M01/26/FB/rBAAdmBZz8qAJcoFAAC5PJ7k1ZU400.png
（2）当跳转到另一个网页的特定位置时，将锚标记添加到链接地址的末尾。
其代码格式如下：
http://cdn.u1.huluxia.com/g4/M01/26/FB/rBAAdmBZz8qAUIrwAADGsDZ4q8M946.png
"#标记名"为页面中某一个标签的id属性值，即若想要跳转到网页的某个位置，就先在这个位置所在的标签设置id属性，然后才能通过锚链接跳转到该位置
（3）当href属性的值为一个“#”时，直接跳转至本页面顶部
其代码格式如下：
http://cdn.u1.huluxia.com/g4/M01/26/FB/rBAAdmBZz8uAe2fFAACouxjOrZY006.png
3.功能性链接
（1）邮箱链接http://cdn.u1.huluxia.com/g4/M01/26/FB/rBAAdmBZz8uASxQcAAC5UU5D-T8714.png
（2）QQ链接
需要在QQ推广里面加载生成链接 然后复制粘贴即可
http://cdn.u1.huluxia.com/g4/M01/26/FB/rBAAdmBZz8yAV5DBAAIAAG2guNI196.jpg
---------------------------------------教程完毕--------------------------------------
页:
[1]