HTML超链接的使用
1.基本语法
<a href="" target="打开方式" name="页面锚点名称">链接文字或者图片</a>
2.基本属性
(1)href属性
链接的地址,链接的地址可以是一个网页,也可以是一个视频、图片、音乐等等
(2)target属性
- 作用:定义超链接打开的方式
- 属性值:
_blank 在一个新的窗口中打开链接 _self(默认值) 在当前窗口中打开链接 _parent 在父窗口中打开页面(框架中使用较多) _top 在顶层窗口中打开文件(框架中使用较多)
(3)name属性
指定页面的锚点名称
3.举例
示例代码:
1 <html> 2 <head> 3 <title>第六节课</title> 4 <meta charset="UTF-8"> 5 </head> 6 7 <body> 8 <!--===========================《第一部分》===============================--> 9 10 <a href="http://www.baidu.com" target="_self">百度</a> 11 <a href="http://www.baidu.com"><img src="https://www.baidu.com/img/bd_logo1.png?where=super" width="10%" height="10%"></a> 12 13 <!--=============================================================================--> 14 15 <!--=============================《第二部分》=====================================--> 16 17 <!--*****************************--> 18 <a name="dingbu"></a> 19 <a href="#dibu">到页面底部</a> 20 <a href="#zhongbu">到页面中部</a> 21 <!--*****************************--> 22 23 <div> 24 <p> 25 人之初,性本善。性相近,习相远。 26 苟不教,性乃迁。教之道,贵以专。 27 昔孟母,择邻处。子不学,断机杼。 28 窦燕山,有义方。教五子,名俱扬。 29 养不教,父之过。教不严,师之惰。 30 子不学,非所宜。幼不学,老何为。 31 玉不琢,不成器。人不学,不知义。 32 为人子,方少时。亲师友,习礼仪。 33 香九龄,能温席。孝于亲,所当执。 34 融四岁,能让梨。弟于长,宜先知。 35 首孝悌,次见闻。知某数,识某文。 36 一而十,十而百。百而千,千而万。 37 三才者,天地人。三光者,日月星。 38 三纲者,君臣义。父子亲,夫妇顺。 39 曰春夏,曰秋冬。此四时,运不穷。 40 曰南北,曰西东。此四方,应乎中。 41 曰水火,木金土。此五行,本乎数。 42 十干者,甲至癸。十二支,子至亥。 43 曰黄道,日所躔。曰赤道,当中权。 44 赤道下,温暖极。我中华,在东北。 45 曰江河,曰淮济。此四渎,水之纪。 46 曰岱华,嵩恒衡。此五岳,山之名。 47 曰士农,曰工商。此四民,国之良。 48 曰仁义,礼智信。此五常,不容紊。 49 地所生,有草木。此植物,遍水陆。 50 有虫鱼,有鸟兽。此动物,能飞走。 51 稻粱菽,麦黍稷。此六谷,人所食。 52 马牛羊,鸡犬豕。此六畜,人所饲。 53 曰喜怒,曰哀惧。爱恶欲,七情具。 54 青赤黄,及黑白。此五色,目所识。 55 酸苦甘,及辛咸。此五味,口所含。 56 膻焦香,及腥朽。此五臭,鼻所嗅。 57 匏土革,木石金。丝与竹,乃八音。 58 曰平上,曰去入。此四声,宜调协。 59 高曾祖,父而身。身而子,子而孙。 60 自子孙,至玄曾。乃九族,人之伦。 61 父子恩,夫妇从。兄则友,弟则恭。 62 长幼序,友与朋。君则敬,臣则忠。 63 此十义,人所同。当师叙,勿违背。 64 斩齐衰,大小功。至缌麻,五服终。 65 礼乐射,御书数。古六艺,今不具。 66 惟书学,人共遵。既识字,讲说文。 67 有古文,大小篆。隶草继,不可乱。 68 若广学,惧其繁。但略说,能知原。 69 凡训蒙,须讲究。详训诂,明句读。 70 为学者,必有初。小学终,至四书。 71 论语者,二十篇。群弟子,记善言。 72 孟子者,七篇止。讲道德,说仁义。 73 作中庸,子思笔。中不偏,庸不易。 74 作大学,乃曾子。自修齐,至平治。 75 孝经通,四书熟。如六经,始可读。 76 诗书易,礼春秋。号六经,当讲求。 77 有连山,有归藏。有周易,三易详。 78 有典谟,有训诰。有誓命,书之奥。 79 我周公,作周礼。著六官,存治体。 80 大小戴,注礼记。述圣言,礼乐备。 81 曰国风,曰雅颂。号四诗,当讽咏。 82 诗既亡,春秋作。寓褒贬,别善恶。 83 三传者,有公羊。有左氏,有谷梁。 84 经既明,方读子。撮其要,记其事。 85 五子者,有荀扬。文中子,及老庄。 86 经子通,读诸史。考世系,知始终。 87 自羲农,至黄帝。号三皇,居上世。 88 唐有虞,号二帝。相揖逊,称盛世。 89 夏有禹,商有汤。周文武,称三王。 90 夏传子,家天下。四百载,迁夏社。 91 汤伐夏,国号商。六百载,至纣亡。 92 周武王,始诛纣。八百载,最长久。 93 周辙东,王纲坠。逞干戈,尚游说。 94 始春秋,终战国。五霸强,七雄出。 95 嬴秦氏,始兼并。传二世,楚汉争。 96 高祖兴,汉业建。至孝平,王莽篡。 97 光武兴,为东汉。四百年,终于献。 98 魏蜀吴,争汉鼎。号三国,迄两晋。 99 宋齐继,梁陈承。为南朝,都金陵。 100 北元魏,分东西。宇文周,与高齐。 101 迨至隋,一土宇。不再传,失统绪。 102 唐高祖,起义师。除隋乱,创国基。 103 二十传,三百载。梁灭之,国乃改。 104 梁唐晋,及汉周。称五代,皆有由。 105 炎宋兴,受周禅。十八传,南北混。 106 辽与金,皆称帝。元灭金,绝宋世。 107 舆图广,超前代。九十年,国祚废。 108 太祖兴,国大明。号洪武,都金陵。 109 迨成祖,迁燕京。十六世,至崇祯。 110 权阉肆,寇如林。李闯出,神器焚。 111 清世祖,膺景命。靖四方,克大定。 112 由康雍,历乾嘉。民安富,治绩夸。 113 道咸间,变乱起。始英法,扰都鄙。 114 同光后,宣统弱。传九帝,满清殁。 115 革命兴,废帝制。立宪法,建民国。 116 古今史,全在兹。载治乱,知兴衰。 117 史虽繁,读有次。史记一,汉书二。 118 后汉三,国志四。兼证经,参通鉴。 119 读史者,考实录。通古今,若亲目。 120 昔仲尼,师项橐。古圣贤,尚勤学。 121 赵中令,读鲁论。彼既仕,学且勤。 122 披蒲编,削竹简。彼无书,且知勉。 123 头悬梁,锥刺股。彼不教,自勤苦。 124 如囊萤,如映雪。家虽贫,学不辍。 125 如负薪,如挂角。身虽劳,犹苦卓。 126 苏老泉,二十七。始发愤,读书籍。 127 彼既老,犹悔迟。尔小生,宜早思。 128 若梁灏,八十二。对大廷,魁多士。 129 彼既成,众称异。尔小生,宜立志。 130 莹八岁,能咏诗。泌七岁,能赋棋。 131 彼颖悟,人称奇。尔幼学,当效之。 132 蔡文姬,能辩琴。谢道韫,能咏吟。 133 彼女子,且聪敏。尔男子,当自警。 134 唐刘晏,方七岁。举神童,作正字。 135 口而诵,心而惟。朝于斯,夕于斯。 136 晏虽幼,身已仕。有为者,亦若是。 137 犬守夜,鸡司晨。苟不学,曷为人。 138 蚕吐丝,蜂酿蜜。人不学,不如物。 139 幼而学,壮而行。上致君,下泽民。 140 扬名声,显父母。光于前,裕于后。 141 人遗子,金满赢。我教子,唯一经。 142 勤有功,戏无益。戒之哉,宜勉力。 143 </p> 144 </div> 145 146 <!--*****************************--> 147 <h1>这是中部</h1> 148 <a name="zhongbu"></a> 149 <!--*****************************--> 150 151 <div> 152 <p> 153 人之初,性本善。性相近,习相远。 154 苟不教,性乃迁。教之道,贵以专。 155 昔孟母,择邻处。子不学,断机杼。 156 窦燕山,有义方。教五子,名俱扬。 157 养不教,父之过。教不严,师之惰。 158 子不学,非所宜。幼不学,老何为。 159 玉不琢,不成器。人不学,不知义。 160 为人子,方少时。亲师友,习礼仪。 161 香九龄,能温席。孝于亲,所当执。 162 融四岁,能让梨。弟于长,宜先知。 163 首孝悌,次见闻。知某数,识某文。 164 一而十,十而百。百而千,千而万。 165 三才者,天地人。三光者,日月星。 166 三纲者,君臣义。父子亲,夫妇顺。 167 曰春夏,曰秋冬。此四时,运不穷。 168 曰南北,曰西东。此四方,应乎中。 169 曰水火,木金土。此五行,本乎数。 170 十干者,甲至癸。十二支,子至亥。 171 曰黄道,日所躔。曰赤道,当中权。 172 赤道下,温暖极。我中华,在东北。 173 曰江河,曰淮济。此四渎,水之纪。 174 曰岱华,嵩恒衡。此五岳,山之名。 175 曰士农,曰工商。此四民,国之良。 176 曰仁义,礼智信。此五常,不容紊。 177 地所生,有草木。此植物,遍水陆。 178 有虫鱼,有鸟兽。此动物,能飞走。 179 稻粱菽,麦黍稷。此六谷,人所食。 180 马牛羊,鸡犬豕。此六畜,人所饲。 181 曰喜怒,曰哀惧。爱恶欲,七情具。 182 青赤黄,及黑白。此五色,目所识。 183 酸苦甘,及辛咸。此五味,口所含。 184 膻焦香,及腥朽。此五臭,鼻所嗅。 185 匏土革,木石金。丝与竹,乃八音。 186 曰平上,曰去入。此四声,宜调协。 187 高曾祖,父而身。身而子,子而孙。 188 自子孙,至玄曾。乃九族,人之伦。 189 父子恩,夫妇从。兄则友,弟则恭。 190 长幼序,友与朋。君则敬,臣则忠。 191 此十义,人所同。当师叙,勿违背。 192 斩齐衰,大小功。至缌麻,五服终。 193 礼乐射,御书数。古六艺,今不具。 194 惟书学,人共遵。既识字,讲说文。 195 有古文,大小篆。隶草继,不可乱。 196 若广学,惧其繁。但略说,能知原。 197 凡训蒙,须讲究。详训诂,明句读。 198 为学者,必有初。小学终,至四书。 199 论语者,二十篇。群弟子,记善言。 200 孟子者,七篇止。讲道德,说仁义。 201 作中庸,子思笔。中不偏,庸不易。 202 作大学,乃曾子。自修齐,至平治。 203 孝经通,四书熟。如六经,始可读。 204 诗书易,礼春秋。号六经,当讲求。 205 有连山,有归藏。有周易,三易详。 206 有典谟,有训诰。有誓命,书之奥。 207 我周公,作周礼。著六官,存治体。 208 大小戴,注礼记。述圣言,礼乐备。 209 曰国风,曰雅颂。号四诗,当讽咏。 210 诗既亡,春秋作。寓褒贬,别善恶。 211 三传者,有公羊。有左氏,有谷梁。 212 经既明,方读子。撮其要,记其事。 213 五子者,有荀扬。文中子,及老庄。 214 经子通,读诸史。考世系,知始终。 215 自羲农,至黄帝。号三皇,居上世。 216 唐有虞,号二帝。相揖逊,称盛世。 217 夏有禹,商有汤。周文武,称三王。 218 夏传子,家天下。四百载,迁夏社。 219 汤伐夏,国号商。六百载,至纣亡。 220 周武王,始诛纣。八百载,最长久。 221 周辙东,王纲坠。逞干戈,尚游说。 222 始春秋,终战国。五霸强,七雄出。 223 嬴秦氏,始兼并。传二世,楚汉争。 224 高祖兴,汉业建。至孝平,王莽篡。 225 光武兴,为东汉。四百年,终于献。 226 魏蜀吴,争汉鼎。号三国,迄两晋。 227 宋齐继,梁陈承。为南朝,都金陵。 228 北元魏,分东西。宇文周,与高齐。 229 迨至隋,一土宇。不再传,失统绪。 230 唐高祖,起义师。除隋乱,创国基。 231 二十传,三百载。梁灭之,国乃改。 232 梁唐晋,及汉周。称五代,皆有由。 233 炎宋兴,受周禅。十八传,南北混。 234 辽与金,皆称帝。元灭金,绝宋世。 235 舆图广,超前代。九十年,国祚废。 236 太祖兴,国大明。号洪武,都金陵。 237 迨成祖,迁燕京。十六世,至崇祯。 238 权阉肆,寇如林。李闯出,神器焚。 239 清世祖,膺景命。靖四方,克大定。 240 由康雍,历乾嘉。民安富,治绩夸。 241 道咸间,变乱起。始英法,扰都鄙。 242 同光后,宣统弱。传九帝,满清殁。 243 革命兴,废帝制。立宪法,建民国。 244 古今史,全在兹。载治乱,知兴衰。 245 史虽繁,读有次。史记一,汉书二。 246 后汉三,国志四。兼证经,参通鉴。 247 读史者,考实录。通古今,若亲目。 248 昔仲尼,师项橐。古圣贤,尚勤学。 249 赵中令,读鲁论。彼既仕,学且勤。 250 披蒲编,削竹简。彼无书,且知勉。 251 头悬梁,锥刺股。彼不教,自勤苦。 252 如囊萤,如映雪。家虽贫,学不辍。 253 如负薪,如挂角。身虽劳,犹苦卓。 254 苏老泉,二十七。始发愤,读书籍。 255 彼既老,犹悔迟。尔小生,宜早思。 256 若梁灏,八十二。对大廷,魁多士。 257 彼既成,众称异。尔小生,宜立志。 258 莹八岁,能咏诗。泌七岁,能赋棋。 259 彼颖悟,人称奇。尔幼学,当效之。 260 蔡文姬,能辩琴。谢道韫,能咏吟。 261 彼女子,且聪敏。尔男子,当自警。 262 唐刘晏,方七岁。举神童,作正字。 263 口而诵,心而惟。朝于斯,夕于斯。 264 晏虽幼,身已仕。有为者,亦若是。 265 犬守夜,鸡司晨。苟不学,曷为人。 266 蚕吐丝,蜂酿蜜。人不学,不如物。 267 幼而学,壮而行。上致君,下泽民。 268 扬名声,显父母。光于前,裕于后。 269 人遗子,金满赢。我教子,唯一经。 270 勤有功,戏无益。戒之哉,宜勉力。 271 </p> 272 273 </div> 274 275 <!--*****************************--> 276 <a name="dibu"></a> 277 <a href="#dingbu">到页面顶部</a> 278 <a href="#zhongbu">到页面中部</a> 279 <!--*****************************--> 280 281 </body> 282 </html>
效果展示(图1是第一部分,图2是第二部分):
图1
图2
转载于:https://www.cnblogs.com/muzidaitou/p/11293751.html
HTML超链接的使用相关推荐
- [学习]GridView 学习集合 -- GridView中使用超链接的技巧
GridView中使用超链接的技巧 数据绑定方式有两种,如下示例: Eval方式 <%# Eval("id") %> Bind方式 <%# Bind(" ...
- html链接伪类设置鼠标悬停,链接伪类可以控制超链接的样式吗?是怎样实现的?...
定义超链接时,为了提高用户体验,经常需要为超链接指定不同的状态,使得超链接在点击前.点击后和鼠标悬停时的样式不同.在CSS中,通过链接伪类可以实现不同的链接状态,下面将对链接伪类控制超链接的样式进行详 ...
- php如何添加超链接,如何使用phpcms添加超链接
如何使用phpcms添加超链接 发布时间:2020-07-24 10:26:07 来源:亿速云 阅读:103 作者:Leah 这期内容当中小编将会给大家带来有关如何使用phpcms添加超链接,文章内容 ...
- asp.net实现在网页上自动显示超链接以及Email地址
人们总喜欢在帖子中加上各种有用的URL链接或Email地址.而笔者当初设计时没有考虑到这一点,使得这些URL链接或Email地址只能以文字的形式而并不是以超链接的形式显示,其它浏览帖子的人还必须把这些 ...
- 在ASP.NET中自动给URL地址加上超链接
作为一个程序员,在完成设计后还要根据程序的情况以及用户的反映不断对程序进行改进,这样才能不断地完善自己的作品.我在制作完软件商务网 http://www.bizsofts.com 的论坛后,发现人们总 ...
- 如何创建一个用弹出窗口来查看详细信息的超链接列
如何创建一个用弹出窗口来查看详细信息的超链接列 出处:www.dotnetjunkie.com 这篇文章来自于一位忠实的DotNetJunkie的建议,他最初发了一封email给我们, 要求我们给出一 ...
- MFC静态文本控件设置超链接
有时我们需要在窗口上设置一个超链接,比如在Aboutdlg上设置"我的博客"这样的超链接.具体的设置方法如下. 1.首先我们在窗体上添加一个Static文本控件,修改Caption ...
- html生成的超级链接预览功能,超链接特效
功能说明 超链接特效功能是基于报表特殊效果功能的一种扩展实现. 报表特殊效果功能的作用是为单元格添加一些特殊的显示效果. 超链接特效可以给超链接添加特殊显示效果,实现超链接功能的扩展增强. 当产品默认 ...
- 【html】如何解决标签设置成超链接后字体格式及颜色变化的问题
问题描述: 如图所示,将一个标签设置成超链接后字体颜色和格式会发生改变,如果我只想让它保持原来的格式应该怎么办? 解决方法: 在a标签中添加一个属性: style="color:inheri ...
- 动态指定超链接参数的几种方法(Passing a JavaScript variable into href of )
情景:有些环境下我们需要根据页面中JavaScript变量的值来确定某个(某些)超链接的参数,如"http://www.bla.com/test.aspx?var1="中,究竟va ...
最新文章
- mysql 时间点_MySQL 基于时间点与位置恢复
- 经典语录【摘自网路】
- docker 容器退出自动删除 一次性运行
- python 中 if __name__ == '__main__' 判断的作用
- C#、VSTO讀取Excel類
- js 前加分号和感叹号的含义
- 你真的会使用XMLHttpRequest吗?
- [html] HTML5中新添加的表单属性有哪些?
- 万分之二用百分之怎么表示_农村建房时,“砖砌的化粪池”怎么做?听完内行人的分析,明白了...
- Linux系统的目录结构 及各目录用途详解
- python验证码识别——前处理
- 每天一点正则表达式积累(三)
- php nlpir,NLPIR简介及使用配置
- 10分钟JAVA从入门到放弃
- C#的rdlc报表分组汇总学习
- 宝塔面板windows建站教程_宝塔面板建站教程
- html5字体的格式转换,font字体
- Dropshipping在Facebook广告语怎么写?
- 饥荒联机云服务器_饥荒steam联机版专用服务器搭建
- MacBook 常用快捷键