html超链接的操作方法(html超链接代码样式)
◆知识要点
超链接的基本语法如下：
<a href=“链接地址”target=“目标窗口位置”>链接文本或图像</a>
超链接常用属性
|
属性 |
说明 |
|
href |
链接地址的路径 |
|
target |
链接在哪个窗口打开，_self(自身窗口）_blank(新建窗口）。 |
◆网页浏览效果
图1
图2
◆HTML5代码
图1代码
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>望岳</title>
</head>
<body>
<h3>望岳</h3>
<a href=”dufu.html” target=”_self”>杜甫</a>
<p>岱宗夫如何，齐鲁青未了。</p>
<p>造化钟神秀，阴阳割昏晓。</p>
<p>荡胸生层云，决眦入归鸟。</p>
<p>会当凌绝顶，一览众山小。</p>
</body>
</html>
图1代码
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>杜甫</title>
</head>
<body>
<h3>杜甫</h3>
<p>杜甫（712－770），字子美，自号少陵野老，世称“杜工部”、“杜少陵”等，汉族，河南府巩县（今河南省巩义市）人，唐代伟大的现实主义诗人，杜甫被世人尊为“诗圣”，其诗被称为“诗史”。杜甫与李白合称“李杜”，为了跟另外两位诗人李商隐与杜牧即“小李杜”区别开来，杜甫与李白又合称“大李杜”。他忧国忧民，人格高尚，他的约1400余首诗被保留了下来，诗艺精湛，在中国古典诗歌中备受推崇，影响深远。759-766年间曾居成都，后世有杜甫草堂纪念。</p>
</body>
</html>
知识拓展
绝对路径：指向地址的完整描述，一般指向本站点外的文件。
例如：<a href=”https://www.baidu.com”>百度</a>
相对路径：相对于当前页面的路径，一般指向本站点内的文件，所以一般不需要一个完整的URL地址的形式。
例如：<a href=”dufu.html” target=”_self”>杜甫</a> 表示链接为同一目录下的dufu.html的页面。
空链接：当超链接href链接路径为”#”时，表示空链接。
例如<a href=”#”> 首页</a>。
◆锚点链接
常用于目标页内容很多，需定位到目标页内容中的某个具体位置。具体操作步骤如下：
1.定义锚点
<a name=”zs” >目标位置</a>
“name”为<a>标签的属性，“zs”为标记名，其功能相当于固定船的锚，所以也称作锚点名。
2.定义超链接
<a href=”#zs” >当前位置</a>
◆功能性链接
功能性链接主要是在页面中调用其他程序功能，如电子邮件、QQ、或下载等。
图3
ps：【项目】淘宝项目邀请用户即可获取收益
ps：【活动】支付宝大额红包点击扫码领取
ps：【本站主题】自适应资讯类的网站主题