html超链接代码样式(html超链接的操作方法)

发布日期:2022-04-12 22:23:26 来源:郑州计算机学校

◆知识要点

超链接的基本语法如下:

<a href=“链接地址”target=“目标窗口位置”>链接文本或图像</a>

超链接常用属性

属性

说明

href

链接地址的路径

target

链接在哪个窗口打开,_self(自身窗口)_blank(新建窗口)。

◆网页浏览效果

html超链接代码样式(html超链接的操作方法)_http://www.jidianku.com_计算机基础知识_第1张

图1

html超链接代码样式(html超链接的操作方法)_http://www.jidianku.com_计算机基础知识_第2张

图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、或下载等。

html超链接代码样式(html超链接的操作方法)_http://www.jidianku.com_计算机基础知识_第3张

图3

html超链接代码样式(html超链接的操作方法)_http://www.jidianku.com_计算机基础知识_第4张


温馨提示:内容来源于网络,仅用于学习交流,无任何商业用途,如有不妥或侵权,请告知,立删!

热门专业推荐

计算机软件应用技术

本专业主要面向机关、企业、事业、公司等应用计算机技术的相关领域,培养具有扎实的计算机专业知识、计算机网络基本应用能力,能够从事计算机办公自动化、计算机综合应用和计算机网络搭建管理,熟练掌握计算机网络构建及管理能力、计算机硬件安装与维护能力、绘图制图能力、网页设计能力,并在建筑信息设计技术方面达到一定水平的高素质技术技能型人才。

电子商务专业

本专业培养学生熟悉信息科技与技术的基本知识和方法,掌握电子商务系统工程的开发、应用与管理的技术和技能,具有创新精神、较强的管理能力和独立分析问题的能力。

计算机平面(3D)设计

本专业培养学生具有动漫设计、制作、绘画、广告设计、网页设计等技能,具备熟练计算机操作能力的技术应用型人才。

音视频剪辑(影视后期制作)

本专业培养以这个专业的培养目标是培养学生具备扎实的文学功底和通晓视听语言的能力,同时熟练掌握包括数字化技术在内的各种剪辑技术。