HTML超链接的使用
Posted muzidaitou
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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
以上是关于HTML超链接的使用的主要内容，如果未能解决你的问题，请参考以下文章