页面效果展示
视频加载中…
页面完整代码
<!DOCTYPE HTML>
<html>
<head>
<title>文内链接</title>
<style>
a:hover{background-color:yellow;}
</style>
</head>
<body>
<div style="width:5%;margin:ato;">
!
--使页面居中显示，并展视窗5%宽度--
</div>
<div style="position:fixed;top:px;">
!
--使导航菜单悬停在顶端--
</div>
<a style="margin:pxpxpx1px;" href="#chapter1">试飞进程</a>
<a style="margin:pxpxpxpx;" href="#chapter">研制情况</a>
<a style="margin:pxpxpxpx;" href="#chapter">服役动态</a>
<a style="margin:pxpxpxpx;" href="#chapter4">总体评价</a>
<div style="margin:pxpxpxpx;width:6px;overflow:hidden;">
!
--小div套大div隐藏滚动条--
</div>
<div style="margin:pxpxpx8px;width:61px;height:5px;overflow-y:scroll;overflow-x:green;">
<p>
!
--小div--
</p>
<h><a id="chapter1">试飞进程</a></h>
歼-隐形战斗机首架技术验证机于11年1月11日中午1时5分左右进行首次升空飞行测试，1时8分成功着陆，历时18分钟。
整个首飞过程在歼-1S战斗教练机陪伴下完成。
16年1月8日，首次发布“空军试飞员将驾歼-飞机亮相中国航展”后，还陆续发布了“歼-战机列装空军作战部队”“空军歼-战机首次开展海上方向实战化训练”等。
<h><a id="chapter">研制情况</a></h>
在16年11月1日，第十一届珠海航展，歼-首次进行空中飞行展示。
两架歼-做了公开飞行，不仅在现场引起轰动，也立刻被西方媒体大量报道。
歼-是中国现代空中力量的代表作，也进入了世界最先进的第五代战斗机行列，它是中国国防能力高速发展的一个象征。
<br>
18年11月11日，第十二届中国航展在珠海迎来“高光时刻”：歼-战机在公开飞行展示中挂弹开仓，震撼献礼人民空军成立69周年纪念日。
<br>
19年1月1日，庆祝人民空军成立7周年航空开放活动新闻发布上，空军新闻发言人申进科大校介绍歼-战机列阵人民空军“王牌部队”
<h><a id="chapter">服役动态</a></h>
17年月9日，中央电视台报道歼-战斗机正式进入空军序列。
<br>
17年月1日，《中国日报》发布消息称，中国自主研制的歼-近期将装配国产发动机。
<br>
17年7月日，歼-三机编队参加在朱日和举行的庆祝中国人民解放军成立9周年阅兵。
歼击机梯队飞来，架歼-隐形战斗机以楔形编队的形式在天空中飞过。
<br>
<br>
17年11月1日上午，中国空军发言人申进科大校表示，歼-列装部队后，已经开展编队训练。
<br>
18年月9日，中国空军新闻发言人申进科大校发布消息，歼-开始列装空军作战部队。
<br>
18年1月日，中国空军4架歼-隐形战斗机现身珠海金湾机场上空。
<br>
19年1月1日，歼-现身庆祝中华人民共和国成立7周年阅兵式；
阅兵中，歼-与歼-16、歼-1C三型飞机分别以5机楔队组成战斗队形接受检阅；
该三款歼击机被誉为中国空军歼击机家族的“三剑客”，是未来联合作战的骨干力量
<h><a id="chapter4">总体评价</a></h>
歼-是眼下亚洲区域最先进的战机，这让中国空军在面对日本、韩国与印度等国家的空军时占有显著优势。
外媒将歼-与其他国家战机进行了对比。
俄罗斯苏霍伊苏-57战斗机由于研制进度几度推迟，尚未正式交付入役；
中国自主研制的歼-20隐形战斗机已经实现量产并投入使用；
美国F-22和F-35隐形战斗机的战斗力仍然处于领先地位。
下面是具体的HTML教程内容：
### HTML教学序列（学习目的、对象、基本概念）
这里我们将一起探讨HTML的基础知识，从了解什么是HTML开始到编写一个基本的网页。我们将覆盖以下内容：
#### 一、HTML是什么？
HTML全称HyperText Markup Language，中文意为超文本标记语言。它是用于创建网页的标准标记语言。
#### 二、编写第一个HTML页面
学习HTML的第一步是创建一个基本页面。以下是首个HTML页面的示例代码：
```html
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网页！</h1>
<p>这是我的第一个段落。</p>
</body>
</html>
三、HTML中的head标签
<head> 标签定义了文档的头部，它包含了元数据信息，比如页面的标题和字符编码设置等。
<head>
<title>页面标题</title>
<meta charset="UTF-8">
<!– 这里可以添加其他元数据，如作者、关键词等 –->
</head>
四、HTML中的meta标签与SEO
<meta> 标签定义了文档的元数据，这些信息被搜索引擎用来确定页面的内容和重要等级。对于搜索引擎优化（SEO）来说，合理设置 meta 标签非常有帮助。
<meta name="description" content="这是网页内容的简短描述">
<meta name="keywords" Content="关键词1, 关键词2, ...">
五、HTML中的元素使用方法
HTML 元素是构成网页的基本组成部分，它们通过标签来定义。以下是一个简单的列表：
<h1>标题元素</h1>
<p>段落元素</p>
<a href="链接地址">超链接</a>
<ul>
<li>项目列表项</li>
<li>另一个项目列表项</li>
</ul>
……
