超链接
说明：我们可以通过超链接实现跳转。
代码：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>这里是卖报的小画家</title>
5 <meta http-equiv="Content-Type" content=
6 "text/html;charset=utf-8"/>
7 </head>
8 <body>
9 <a href = "http://www.baidu.com" target="_blank" title="进入百度">进入百度</a>
10 <!-- 标题的作用：把鼠标放在超链接文本上时自动显示标题 -->
11 <!-- <a></a>表示超链接，访问站外网的话要加http的这个协议。 -->
12 <!-- blank表示会打开一个新的页面展示载入页面 -->
13 <br/>
14 <a href = "第一个网页文件.html" target="_self">进入"第一个网页文件"</a>
15 <!-- 访问站内网的话，就跟前面插入图片一样需要添加路径 -->
16 <!-- self就是在当前页面，覆盖当前页面显示载入页面 -->
17 <br/>
18 <a href = "#">空链接</a>
19 <br/>
20 <a href = "https://www.bilibili.com/"><img src = "c-ssl.duitang.jpg" width = "50%"/></a>
21 <!-- 给图片添加超链接 -->
22 <a href="c-ssl.duitang.zip">点击下载图片</a>
23 <a href="第一个网页文件.html#打篮球">点击查看篮球介绍</a>
24 </body>
25 </html>
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>我的光荣与梦想</title>
5 <meta http-equiv="Content-Type" content=
6 "text/html;charset=utf-8"/>
7 </head>
8 </body>
9 <dl>
10 <dt>编程语言</dt>
11 <a href="#C"><dd>C</dd></a>
12 <a href="#C++"><dd>C++</dd></a>
13 <a href="#Java"><dd>Java</dd></a>
14 <a href="#Python"><dd>Python</dd></a>
15 <a href="#C#"><dd>C#</dd></a>
16 <a href="#JS"><dd>JS</dd></a>
17 <dt>运动</dt>
18 <a href="#跑步"><dd>跑步</dd></a>
19 <a href="#篮球"><dd>打篮球</dd></a>
20 <a href="#足球"><dd>踢足球</dd></a>
21 <a href="#远足"><dd>hiking</dd></a>
22 </dl>
23 <hr/>
24 <a href="#" name="C"></a>
25 <h2><font color="green">C语言</font></h2>
26 <p>C语言是一门面向过程的、抽象化的通用程序设计语言，广泛应用于底层开发。C语言能以简易的方式编译、<br/>处理低级存储器。
27 C语言是仅产生少量的机器语言以及不需要任何运行环境支持便能运行的高效率程序设计语言。</p>
28 <p>尽管C语言提供了许多低级处理的功能，但仍然保持着跨平台的特性，以一个标准规格写出的C语言程序可在包括类似<br/>
29 嵌入式处理器以及超级计算机等作业平台的许多计算机平台上进行编译。</p>
30 <hr/>
31 <a href="#" name="C++"></a>
32 <h2><font color="green">C++</font></h2>
33 <p>C++是C语言的继承，它既可以进行C语言的过程化程序设计，又可以进行以抽象数据类型为特点的基于对象的程序设计，
34 <br/>还可以进行以继承和多态为特点的面向对象的程序设计。
35 C++擅长面向对象程序设计的同时，还可以进行基于过程的程序设计，<br/>因而C++就适应的问题规模而论，大小由之。</p>
36 <p>C++不仅拥有计算机高效运行的实用性特征，同时还致力于提高大规模程序的编程质量与程序设计语言的问题描述能力。</p>
37 <hr/>
38 <a href="#" name="Java"></a>
39 </p>Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，
40 <br/>因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，
41 <br/>极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程</p>
42 <p>
43 Java具有简单性、面向对象、分布式、健壮性、安全性、平台独立与可移植性、多线程、动态性等特点。
44 <br/>Java可以编写桌面应用程序、Web应用程序、分布式系统和嵌入式系统应用程序等.</p>
45 <hr/>
46 <a href="#" name="Python"></a>
47 <p>Python由荷兰数学和计算机科学研究学会的Guido van Rossum 于1990 年代初设计，作为一门叫做ABC语言的替代品.
48 <br/>Python提供了高效的高级数据结构，还能简单有效地面向对象编程。Python语法和动态类型，
49 <br/>以及解释型语言的本质，使它成为多数平台上写脚本和快速开发应用的编程语言,
50 <br/>随着版本的不断更新和语言新功能的添加，逐渐被用于独立的、大型项目的开发。</p>
51 <hr/>
52 <a href="#" name="C#"></a>
53 <p>C#是微软公司发布的一种由C和C++衍生出来的面向对象的编程语言、运行于.NET Framework
54 <br/>和.NET Core(完全开源，跨平台)之上的高级程序设计语言。并定于在微软职业开发者论坛(PDC)上登台亮相。
55 <br/>C#是微软公司研究员Anders Hejlsberg的最新成果。C#看起来与Java有着惊人的相似；它包括了诸如单一继承、
56 <br/>接口、与Java几乎同样的语法和编译成中间代码再运行的过程。但是C#与Java有着明显的不同，它借鉴了Delphi的
57 <br/>一个特点，与COM（组件对象模型）是直接集成的，而且它是微软公司 .NET windows网络框架的主角。</p>
58 <hr/>
59 <a href="#" name="JS"></a>
60 <p>JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。
61 <br/>虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，
62 <br/>JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、
63 <br/>命令式和声明式（如函数式编程）风格。</p>
64 <hr/>
65 <a href="#" name="跑步"></a>
66 <p>跑步的定义是指陆生动物使用足部移动。它在运动上的定义是一种步伐，双
67 <br/>脚不会同一时间踫到地面。它亦可以是一种有氧的运动或厌氧的运动。</p>
68 <p>动作要领:听到“跑步”的预令时，两手迅速握拳（四指蜷握，拇指贴于食指第一关节和中指第二关节），提到腰际，约与
69 <br/>腰带同高，拳心向内，肘部稍向里合。听到“走”的动令后，</p>
70 <p>上体微向前倾，两腿微弯，同时，左脚利用右脚掌的蹬力跃出约85厘米，前脚掌先着地，身体重心前移，右脚照
71 <br/>此法动作；上体保持正直，两臂前后自然摆动，向前摆臂时大臂略直，肘部贴于腰际，小臂略平，稍向里合，两
72 <br/>拳内侧各距衣扣线约10厘米；向后摆臂时，拳贴于腰际。行进速度每分钟170-180步。</p>
73 <p>跑步的第一步一定要跃出去，跑步过程中要根据实际情况调整落脚姿态（前掌跑、全掌跑以及后掌跑）；立
74 <br/>定时，要注意靠腿和放臂的一致性。</p>
75 <hr/>
76 <a href="#" name="打篮球"></a>
77 <h2><font color="green">篮球</font></h2>
78 <p>篮球（basketball），是奥运会核心比赛项目，是以手为中心的身体对抗性体育运动</p>
79 <p>1891年12月21日，由美国马萨诸塞州斯普林菲尔德基督教青年会训练学校体育教师詹姆士·奈史密斯发明。1896年,
80 <br/>篮球运动传入中国天津。1904年，圣路易斯奥运会上第1次进行了篮球表演赛。1936年，篮球在柏林奥运会中被列
81 <br/>为正式比赛项目，中国也首次派出篮球队参加奥运会篮球项目。1992年，巴塞罗那奥运会开始，职业
82 <br/>选手可以参加奥运会篮球比赛</p>
83 </body>
84 </html>
标签<a></a>是用来设置超链接的，它还有一些属性，比如href，后面直接跟即将访问的的那个页面的路径（站内网）。如果要访问外网的话，就跟上访问的外网的网址，记得要添加http这样的协议。当然还可给图片添加超链接。
锚点：锚点是用来实现同一个页面内部的跳转的。当某一个页面的内容过多，虽然鼠标可拖动，但有时未免过于麻烦，这个时候设置锚点，就可以实现快速跳转了。实现过程很简单：在要跳转的那个地方设置超链接，添加属性href="#"(这表示空链接)，再跟上name=""（这里填点击即可跳转到此处的那个地方的文字），然后在设置超链接可跳转的地方直接填href="#(名字)"即可。不同网站间也可实现超链接，还可超链接实现文件下载。上面第一份代码中有图片文件的下载，不过需要先把图片弄为压缩文件，再添加路径。
浙公网安备 33010602011771号