超文本标记语言（html）之超链接的使用

一、路径概念

相对路径：以引用文件的网页所在的位置为参考基础而建立的目录路径。

绝对路径：以WEB站点的根目录为参考基础的目录路径。

二、超链接的建立

基本语法：

<a href=资源地址　target=窗口名称>链接文字</a>

Target:用于指定打开链接的目标窗口，默认属性为原窗口，如果是打开一个新窗口，可以设置target=_blank。

实例代码

<html>
<head><title>插入外部链接</title>
</head>
<body>
<A href="http://www.sina.com.cn">新浪网</A></body>
</html>

插入内部链接

基本语法

<a href=#目标名称 target=窗口名称>目录文字</a>

在链接的目标处使用<a name=目标名称>超链接目标</a>

实例代码

<html>
<head>
<title>考倒你</title></head>
<body>
<h3>考倒你</h3>
<a href="#t.1">世界上哪里的海不产鱼？</a><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><h3><a name="t.1">第一题答案</a></h3>
辞海不产鱼
</body>
</html>

三、图像链接

基本语法

<a href=图片要链接的目标地址　target=窗口名称>
<img src=参数值　alt=参数值border=参数值　aligh＝参数值　height=参数值width=参数值　vspace=参数值hspace=参数值></a>

实例代码

<html>
<head>
<title>图像链接</title>
</head>
<body>
<center>
<a href=http://www.163.com><img src=03.gif></a>
</center>
</body>
</html>

四、邮箱链接

基本语法：

<a href=mailto:E-mail地址?cc=抄送人E-mail
地址&bcc=密件抄送地址&subject=邮件主题&body=邮件正文>描述文字</a>

实例代码

<html>
<head><title>发送邮件
</title>
</head>
<body>
<a href=mailto:123@163.com?cc=1@yahoo.com.cn&bcc=2@tom.com&subject=祝福&body=节日快乐>给你写信</a>
</body>
</html>

超文本标记语言（html）之超链接的使用相关推荐

HTML超文本标记语言的‘超’——超链接
一:超链接的作用 1:从一个页面跳转到另一个页面 2:跳转当前页面的其他位置若将超链接的href属性设置为#,点击超链接后,页面不会发生跳转,而是跳到当前页面的顶部的位置可以跳转到页面的指定位置, ...
超文本标记语言HTML
介绍html文档的基本结构,html常用标签的使用,理解html语言制作网页基本原理. html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母 ...
HTML 为啥称“超文本标记语言”？
作者 | 泰斗贤若如责编 | 伍杏玲出品 | CSDN(ID:CSDNnews) 在学习一门编程语言之前,了解它的特性,带着对特性的好奇和疑问去学习是最快最好的学习方法.就像你知道某个地方有很多宝 ...
HTML(超文本标记语言)
目录 1.HTML的作用: 2.文档结构: 3.基础标签: 4.字符实体: 5.五大主流浏览器: 1.HTML的作用: 是专门给文本添加语义的,而不是修改文本形式,这些用于描述其他文本语义的文本,我们 ...
python---Web前端HTML(超文本标记语言)
文章目录 Web前端开发介绍 Web概述 Web起源 Web的特点 Web工作原理 URL介绍 HTML网页结构 HTML基本结构 HTML文档规范与注释 HTML标签文本标签列表标签图片标签i ...
Web前端—01HTML超文本标记语言
文章目录一.Wed前端开发介绍 1.Web概述 2.Web起源 3.Web的特点 4.Web工作原理 5.URL介绍二.HTML网页结构 1.HTML介绍 2.HTML基本结构 3.文档类型 4. ...
python进阶之web前端（01—HTML超文本标记语言）
目录 01.Web前端开发介绍 1.Web前端开发概述 2.Web起源 3.Web特点 4.Web工作原理 5.URL介绍 02.HTML网页结构 1.HTML基本结构 2.HTML文档类型 3.HT ...
040_初识 web 前端 HTML 超文本标记语言
文章目录 1. web前端开发技术 2. HTML 页面结构 3. HTML 标签 3.1 文本标签 3.2 换行标签 3.3 列表标签 3.3 div 和 span 标签 3.4 图片标签 3.5 ...
python前端——HTML超文本标记语言、CSS层叠样式表
01.Web前端开发介绍 1.Web前端开发概述 1)什么是Web开发? 前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术. ...
Web前端之HTML超文本标记语言
文章目录一.Web前端开发介绍 1.Web前端开发概述 1)什么是Web开发? 2)Web前端开发核心技术 (1)HTML语言(超文本标记语言,相当于一个整体的框架) (2)CSS(层叠样式表,用来 ...

超文本标记语言（html）之超链接的使用

超文本标记语言（html）之超链接的使用相关推荐

最新文章

热门文章