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

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>
  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
HTML5超链接是用于在网页中创建链接的一种标记语言。它可以将文本、图片、按钮等元素与其他网页或网站相关联,使用户可以通过点击链接来访问其他内容。针对HTML5超链接的大作业,以下是一个可能的示例: 在这个大作业中,我打算创建一个基于HTML5超链接的个人网站。我的网站主题是旅行,我将分享自己的旅行经历、照片和旅行建议。 我计划在网站的首页上创建一个导航栏,其中包含与不同页面相关的链接,如“首页”、“关于我”、“旅行日记”和“联系方式”。这些链接将在点击时导航用户到相应的页面。 在“关于我”页面上,我将介绍自己的背景、兴趣爱好和旅行经验。我还会为访客提供联系方式,以便他们与我分享他们自己的旅行故事或咨询旅行建议。 “旅行日记”页面将是我最喜欢的部分。在这里,我将分享我曾经去过的各种国家和城市的旅行日记。每个日记都将包含照片、文字描述和对该地点的评价。我还将创建一个超链接,使访问者可以通过点击照片或地点名称来查看我拍摄的更多照片。 最后,在“联系方式”页面上,我将提供一个表单,使访问者可以向我发送电子邮件。表单将包括字段如姓名、电子邮件地址和消息内容。当访问者提交表单时,我将收到一封电子邮件,以便我与他们取得联系。 通过这个大作业,我希望能够展示我的HTML5超链接知识,并向别人展示我的旅行经历。通过使用超链接,我将创建一个易于导航和浏览的网站,让用户可以方便地了解我的旅行故事。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值