页面效果展示视频加载中...
页面完整代码<!
DOCTYPEHTML<>
<html>
<head>
<title>文内链接</title>
<style>
a:hover{backgrond-color:yellow;
}
</style>
</head>
<body>
<divstyle="width:5%; margin:ato;">
<!--
--使页面居中显示，并展视窗5%宽度--
!--
<divstyle="position:fixed; top(px);">
<!--
--使导航菜单悬停在顶端--
!--
<astyle="margin(px)px(px)1px;"href="#chapter1">首页</a>
<astyle="margin(px)px(px}px);"href="#chapter">关于我们</a>
<astyle="margin(px)px(px}px);"href="#chapter">联系方式</a>
<astyle="margin(px)px(px}px); href="#chapter4">产品展示</a>
</div>
<!--
--使导航菜单悬停顶部(结尾)-->
<divstyle="margin(px)px(px) width:6px; overflow:hidden;">
<!--
--小div套大div隐藏滚动条-->
<divstyle="margin(px)px(px); width:61px; height:5px; overflow-y:scroll; overflow-x:hidden;">
<p>
<!--
--小div-->
<haid="chapter1">
首页
</h>
歼-20隐形战斗机首架技术验证机于11年1月11日中午1时5分左右进行首次升空飞行测试，1时8分成功着陆，历时18分钟。
整个首飞过程在歼-1S战斗教练机陪伴下完成。
16年1月8日，首次发布“空军试飞员将驾歼-20飞机亮相中国航展”后，还陆续发布了“歼-20战机列装空军作战部队”“空军歼-20战机首次开展海上方向实战化训练”等。
<haid="chapter">
关于我们
</h>
在16年11月1日，第十一届珠海航展，歼-20首次进行空中飞行展示。
两架歼-20做了公开飞行，不仅在现场引起轰动，也立刻被西方媒体大量报道。
歼-20是中国现代空中力量的代表作，也进入了世界最先进的第五代战斗机行列，它是中国国防能力高速发展的一个象征。
<br>
18年11月1日，第十二届中国航展在珠海迎来“高光时刻”：歼-20战机在公开飞行展示中挂弹开仓，震撼献礼人民空军成立69周年纪念日。
<br>
19年1月1日，庆祝人民空军成立7周年航空开放活动新闻发布上，空军新闻发言人申进科大校介绍歼-20战机列阵人民空军“王牌部队”
<haid="chapter">
联系方式
</h>
17年月9日，中央电视台报道歼-战斗机正式进入空军序列。
<br>
17年月1日，《中国日报》发布消息称，中国自主研制的歼-20近期将装配国产发动机。
<br>
17年7月日，歼-20三机编队参加在朱日和举行的庆祝中国人民解放军成立9周年阅兵。
歼击机梯队飞来，架歼-20隐形战斗机以楔形编队的形式在天空中飞过。
<br>
<br>
17年11月1日上午，中国空军发言人申进科大校表示，歼-20列装部队后，已经开展编队训练。
<br>
18年月9日，中国空军新闻发言人申进科大校发布消息，歼-20开始列装空军作战部队。
<br>
18年1月日，中国空军4架歼-20隐形战斗机现身珠海金湾机场上空。
<br>
19年1月1日，歼-20现身庆祝中华人民共和国成立7周年阅兵式；
阅兵中，歼-20与歼-16、歼-10C三型飞机分别以5机楔队组成战斗队形接受检阅；
该三款歼击机被誉为中国空军歼击机家族的“三剑客”，是未来联合作战的骨干力量
<haid="chapter4">
产品展示
</h>
歼-20是眼下亚洲区域最先进的战机，这让中国空军在面对日本、韩国与印度等国家的空军时占有显著优势。
外媒将歼-20与其他国家战机进行了对比。
俄罗斯苏霍伊战斗机以其强大的火力性能和优异的机动性闻名于世，是世界上公认的最先进战斗机之一。
在当今世界军事舞台上，苏-35战斗机已成为一款备受瞩目的新型战斗机。
<br>
18年9月，俄罗斯与埃及签署了总额约15亿美元的军事和技术合作协议，其中就包括了向埃及出售苏-35战斗机的合同。
<br>
18年11月，印度国防部正式宣布启动国产五代隐身战斗机项目“AMCA”。
该项目将在2024年开始进行研制工作，预计2030年实现首架原型机试飞。
<p>
<!--
--页面制作技术解析1.-->
页面内容居中显示方法.
导航栏悬停顶部方法.
鼠标滑过导航标题或链接时改变背景色提示.
隐藏滚动条方法4.
图片区域链接大家结合代码和技术解析，先自行分析一下每段代码的作用，以及它们之间的前后关系。
这一步练习对培养代码阅读能力很有好处，希望大家可以先自行阅读分析。
下一次，我会逐步演示“页面制作技术解析”中的五个步骤以及一些注意事项。
使用碎片时间，学习完整知识！
关注大鱼师兄，一起精研技艺。
目录HTML序章（学习目的、对象、基本概念）——零基础自学网页制作HTML是什么？
——零基础自学网页制作第一个HTML页面如何写？
——零基础自学网页制作HTML页面中head标签有啥用？
——零基础自学网页制作初识meta标签与SEO
——零基础自学网页制作HTML中的元素使用方法1——零基础自学网页制作HTML中的元素使用方法
——零基础自学网页制作HTML元素中的属性1——零基础自学网页制作HTML元素中的属性（路径详解）
——零基础自学网页制作使用HTML添加表格1（基本元素）——零基础自学网页制作使用HTML添加表格
——零基础自学网页制作使用HTML添加表格（表格头部与脚部）——零基础自学网页制作使用HTML添加表格（间距与颜色）
——零基础自学网页制作使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作16进制颜色表示与RGB色彩模型
——零基础自学网页制作HTML中的块级元素与内联元素——零基础自学网页制作初识HTML中的<div>块元素
——零基础自学网页制作在HTML页面中嵌入其他页面的方法——零基础自学网页制作封闭在家学网页制作！
为页面添加PDF文件——零基础自学网页制作HTML表单元素初识1——零基础自学网页制作HTML表单元素初识
——零基础自学网页制作HTML表单（下拉列表、多行文字输入）——零基础自学网页制作HTML表单4（form的action、method属性）
——零基础自学网页制作HTML列表制作讲解——零基础自学网页制作为HTML页面添加视频、音频的方法
——零基础自学网页制作音视频格式转换神器与html视频元素加字幕——零基础自学网页制作HTML中使用<a>标签实现文本内链接
——零基础自学网页制作HTML中的图片区域链接方法详解——零基础自学网页制作HTML图片区域链接注意事项与Gimp基本用法
——零基础自学网页制作用HTML制作一个简单页面(详解)——零基础自学网页制作（完结篇）
<!--
--目录结束-->
</body>
</html>