时间：2023-09-04 17:54:01 | 来源：网站运营
时间：2023-09-04 17:54:01 来源：网站运营
用HTML5建立超链接：URL的概念
超链接标记<a>
浮动框架iframe
在线咨询
URL的概念URL是“Uniform Resource Location”的简称，其中文意思是“统一资源定位器”，其实就是我们常说的“网址”，主要作用就是用来定位Internet上资源的位置。既然是用来定位用的,那URL对每一个文件来说肯定就是唯一的，包括也就是文件的位置以及浏览器如何处理等信息。URL的创始人是蒂姆·伯纳斯·李，现在已成为互联网的一个重要标准。URL的格式119.75.217.109就可以了。但是IP地址由32位二进制代码构成，不方便记忆，为此人类就创造出来域名。域名可以看做是IP地址的一个别名或者小名，作用仅仅是为了方便人们记忆。现在我们要访问某个网站，主要是采用域名来寻址。URL由4部分组成，即“协议”、“主机名”、“文件夹名”、“文件名”。如下图所示。http://开头。.html、htm为扩展名。URL的类型URL”和“相对URL”。两者相差不大，在此不再重复，如有疑问，请参照HTML5网页中的图片<a><a></a>。其中两个最重要的要素就是：目标地址和所要链接的网页元素。基本结构如下：1<a href=URL>网页元素</a>设置超链接发热网页元素通常为文本和图片。文本超链接和图片超链接通过<a></a>标记来实现，把文本或者图片放在<a>和</a>之间即可。但要注意，链接的图片在不同的浏览器中的效果是不尽相同的。一般情况下，为文本添加超链接，文本会自动增加下划线，并把文本变成蓝色，单击过后会变成暗红色。图片的话会增加一个粗边框。如果我们想对其进行进一步的修饰，则需要借助CSS样式，在此不做介绍。<a>标记的href属性还可以指向各种类型的文件。如果浏览器能够识别，则会显示，不能识别的话就会弹出文件下载对话框。1<a href="http://www.baidu.com">百度网站</a>在某些网页中我们需要设置电子邮件链接，用于方便访者与我们进行交流。一般格式如下：1<a href="mailto:电子邮箱地址">网页元素</a>不知道各位有没有去尝试前面给出的代码。如果尝试了就会发现，我们点击超链接的时候，目标页面只是在当前窗口中显示并替代当前页面的内容，但是有时我们并不想这样做，想在一个新的浏览器窗口显示目标页面，那怎么办？在这里介绍<a>标记的target属性。target属性的取值有4个，_blank、_self、_top、_parent。由于HTML5不再支持框，所以_top、_parent这两个取值不常用，不在此介绍。_blank表示在新的窗口显示超链接画面。_self表示在当前窗口显示超链接画面，是默认选项。iframeframeset，但是它仍然支持iframe浮动框架的使用。浮动框架可以自由控制窗口的大小，可以配合表格随意地在网页中的任何位置插入窗口，实际上就是在一个窗口中再创建一个新的窗口。其框架格式如下：1<iframe src="链接对象">其中，src表示浮动框架中显示对象的路径，可以是绝对路径。也可以是相对路径。例如要实现如下网页效果：<head>标记部分添加如下CSS代码。1<style>2iframe{3 width:600px; //宽度4 hegiht:800px; //高度5 border:none; //无边框6}7</style>最后再来看例子：1<!doctype html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>超链接</title> 6</head> 7<p><a href="http://www.qq.com">腾讯网站</a> </p> <!--文本链接--> 8<p><a href="http://www.icourse163.org"><img src="mooc.png"></a></p><!--图片超链接--> 9<p><a href="01.docx">链接到Word文档</a> </p> <!--链接到文件-->10<p><a href="mailto:kfdzsj@126.com">站长信箱</a> </p> <!-- 链接电子邮件-->11<p><a href="h2.html" target="_blank">打开一个新窗口</a></p>12<body>13</body>14</html>提醒各位代码中的邮箱地址我是随便输入的，仅具有演示作用。关键词：建立
