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