仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1479|回复: 10
打印 上一主题 下一主题

[HTML5] html5教程之网页制造初学者:学用HTML的超链接A标志

[复制链接]
山那边是海 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:27:31 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
一些公司联合起来,成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup(Web超文本应用技术工作组-WHATWG)的组织。超等链接<a>标志代表一个链接点,是英文anchor(锚点)的简写。它的感化是把以后地位的文本或图片毗连到其他的页面、文本或图象,这已经是尽人皆知了,但关于它的语法布局大概有点不为人知,而要用活它则必需懂得其语法布局。<a>标志的基础语法布局是:
<a
class=type
id=value
href=reference
name=value
rel=same|next|parent|previous
rev=value
target=window
style=value
title=title
onclick=function
onmou搜索引擎优化ut=function
onMouseOver=function></a>
  从标志的语法布局能够看出,在设定一个超等链接时有良多参数可供选择,以完成分歧的链接效果,这有点出人意料吧?!
  个中class和id选项:用于设定链接点所属的范例和分派的ID号,一般不加以设定。最经常使用的两个参数是href和name。个中href是hypertextreference的缩略词,用于设定链接地点。链接地点必需为url地点,假如没有给出详细路径,则默许路径和以后页的路径不异。链接到的文件也分为几种情形:假如为HTML文件,则在以后扫瞄器中间接翻开;假如为可实行文件(.exe文件),则间接实行或下载,我们供应下载的文件就是用它的这类特征做的;假如为文本文件如word格局的文件,则在扫瞄器中翻开此文件,并能够举行编纂加工。
rel:暗示设定链接的干系:rel=same暗示待链接的文件与此文件不异,rel=next暗示待链接的文件为下一页,rel=parent暗示本文件为待链接文件的父文件,rel=previous则暗示待链接的文件为上一页。
rev:则用于设定反向链接。
target:是在接纳帧窗口的情形下设定链接到哪个窗口,另有target="_bank"是暗示新开一窗口翻开网页。
title:用于设定链接点被选到时显现的题目。
onclick:对应于一个事务,当链接点被点击后将触发这个事务,实行对应的子程序。
onmou搜索引擎优化ver:与onclick相似,对应的事务在鼠标移到链接点上时被触发。
onmou搜索引擎优化ut:对应的事务在鼠标移出镇接点后被触发。
举几个例子:<ahref="index.htm">回到主页</a>
<ahref="sound.wav">播放语音文件</a>
<ahref="javascipt.open()">实行对应的程序</a>
<aherf="document.doc">翻开对应的文档举行加工</a>

  使用技能
  1、供应下载文件
  有很多网友来信问,供应下载的效果怎样做。实践上仍旧是做一个超等链接,不外供下载的文件必需上传到网站上。例:有一个“网页技能”的文件包供下载,文件名是“homepagejq.zip”且已上传到网站了,则这个链接的代码能够如许写:<ahref="homepagejq.zip">点击这里下载“网页技能”文件包</a>。
  2、在新窗口中翻开链接的网页
  设定“target”的值为“_blank”。例:新开窗口翻开网页“aboutme.htm”。发生该效果的代码是:<ahref="aboutme.htm"target="_blank">关于我......</a>。
  3、鼠标移到链接,显现一行申明笔墨
  设定“title”参数值,便可取得这类效果。例:当鼠标移到“网页教授教养网”这个链接上时,显现申明“这是一个先容网页制造技能的专业网站”。这个链接的代码是如许的:<ahref="hscf.htm"title="这是一个先容网页制造技能的专业网站">网页教授教养网</a>。
  4、鼠标移到一个链接上弹出一个窗口
  这是设定onmou搜索引擎优化ver参数取得的效果。例:当鼠标移到一个链接上,弹出一个窗口并在窗口中显现“鼠标悬停效果演示!”。这个链接的代码是如许的:<ahref="别的网页.htm"onmou搜索引擎优化ver="alert(鼠标悬停效果演示!)">链接</a>。用相似的办法能够制造当鼠标按下后弹出提出示窗口、当鼠标分开时弹出提醒窗口的效果。
  5、链接到本页的指定内容
  要完成链接到本页的某一部份内容上(也就是“文件内跳转”),必需用参数name指定链接点的称号。选定一块文本,能够用name参数为其定名,以备链接所用。所谓统一个文件内的跳转是指当读者在浏览一个很长的文件的时分,若只对某部分的内容感乐趣,能够接纳腾跃式的浏览体例。其基础格局是:
<ahref="#链接点称号">第二部分</a>第一部份内容......
...........................................
<aname="链接点称号"></a>第二部分实践内容......
...........................................
  如许当你点击“第二部分”这个超等链接后,就会主动转移到“第二部分实践内容”这个中央来。“name”参数所界说的链接点称号能够随便取,但链接的“href”参数中的链接点称号必需与其分歧,不要健忘在后面加上&ldquo</p>
12下一页


HTML5TheMediaCaptureAPI提供了对摄像头的可编程访问,用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签
山那边是海 该用户已被删除
沙发
 楼主| 发表于 2015-1-15 23:33:02 | 只看该作者

html5教程之网页制造初学者:学用HTML的超链接A标志

最近群里面很多人在问html5应该怎么学,这个问题其实没有标准答案。我开这个帖子,目的是为了收集大家每天的学习心得,欢迎大家来回复。;#”。
  6、链接到别的页面的指定内容地位
  办法与上例相似,但在“href”参数中的链接点称号前要加上彀页的文件名。例:有两个网页page1.htm和page2.htm,每页均有两部份内容,现要在page1.htm中制造一个超等链接,按下该链接后将转到page2.htm的第二部份内容上。那末我们能够如许做,起首在page2.htm第二部份内容入手下手的中央写上如许一句代码:<aname="链接点称号"></a>;在page1.htm中写上如许一个链接代码:<ahref="pagw2.htm#链接点称号">page2的第二部份内容</a>。
  7、链接到E_mail
  点击一个超等链接后,将启动客户机上的电子邮件办理软件给你写信。例这行代码:<ahref="mailto:webmaster@poluoluo.com">请给我写信</a>。一旦你点击了“请给我写信”这个链接,将主动启动电子邮件办理软件(如OE)的写信功效,并已把邮件地点加在了收信人的地点栏里了。
  链接不但能够以文本作载体,也能够以图像作载体,并且能够以图片的某一部分作载体,且都能完成上述这些效果,办法也不异,所分歧只是载体,也就是链接的两对方括号两头的那部分,以是不再另举例了。</p>
上一页12


在W3C的HTML工作小组电子邮件论坛上频频冒出这样的情绪化批判字眼:“幼稚”、“令人无法忍受”、“荒谬”、“使诈”等。
深爱那片海 该用户已被删除
板凳
发表于 2015-1-17 23:24:16 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
若天明 该用户已被删除
地板
发表于 2015-1-26 12:39:02 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
小女巫 该用户已被删除
5#
发表于 2015-2-4 19:52:29 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
飘灵儿 该用户已被删除
6#
发表于 2015-2-10 06:50:50 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
再现理想 该用户已被删除
7#
发表于 2015-3-1 03:34:23 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
透明 该用户已被删除
8#
发表于 2015-3-10 12:44:19 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
9#
发表于 2015-3-17 07:25:38 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
只想知道 该用户已被删除
10#
发表于 2015-3-24 03:01:34 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-4 00:26

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表