#HTML5建立超链接(URL概念、超链接标记、创建热点区域、浮动框架)

本文介绍了HTML5中的超链接概念,包括URL组成部分、超链接标记的使用以及超链接的目标类型。此外,还详细讲解了如何创建图片热点区域,并探讨了浮动框架iframe的应用,包括其基本语法和在HTML5中的变化。
摘要由CSDN通过智能技术生成

URL的概念

URL通常情况下翻译为:“统一资源定位器”,也就是我们通常说的“网址”,它用于指定Internet上的资源位置
URL格式
网络中计算机是通过IP地址区分的,如果需要访问网络中某台计算机中的资源,首先要定位到这台计算机,IP地址是由32位二进制代码组成,数字之间没有意义,且不容记忆。为了方便记忆,现在计算机一般采用域名的方式寻找地址,即在网络上使用一组有意义的字符组成的地址代替IP地址来访问网络资源。
URL是由4哥部分组成的,即 “协议”“主机名”“文件夹名”“文件名”
举个例子

http://www.webDesign.com/pages/computer.html
URL组成

互联网中有着各种各样的应用,如web服务、FTP服务,每种服务应用都对应有协议,一般通过浏览器浏览网页的协议都是HTTP协议(超文本传输协议),因此通常网页的地址都可以是 “http://” 开头。
例如:
www.baidu.com为主机名,表示文件存在于那台服务器上,主机名可以通过IP地址或者域名来表示。
确定主机后,还需要说明文件存在于这台服务器的哪个文件夹中,这里文件夹可以分为多个层及级。
确定文件后,就要定位到文件,即要显示的哪个文件,网页文件通常是以“.html” 或者是 “.htm” 为扩展名。
——————————我是分割线————————————————————

超链接<a>

超链接是指当鼠标单机一些文字、图片或者其他网页元素时,浏览器会根据其指示载入一个新的页面或者跳转到页面的其他位置,超级链接除了可链接文本之外,还可以链接各种各样的多媒体,如声音、图像动画等,通过他们可享受丰富多彩的多媒体世界。
建立超链接所使用的HTML标记为<a></a>
超链接最重要的两个要素;超链接指向的目标的地址设置为超链接的网页元素。
基本的超链接结构为

<a href=URL>网页元素</a>

注:
火狐浏览器中,图片超链接不会层架边框,而IE浏览器中,图片超链接会增加边框。
默认情况下,为文本添加超链接,文本会自动增加下划线,其颜色为蓝色,凡是点击过的超链接文本会变成红色。

超链接指向的目标类型
超链接<a>标记的href属性指向链接的目标,目标可以是各种类型的文件。如果是浏览器能够识别的类型,会直接在浏览器中显示,如果时浏览器不能识别的类型,在IE浏览器中会弹出文件下载的对话框。
实例:
效果截图
源码:

<!doctype html>
<html>
<head>
<
  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值