页面效果展示
视频加载中...
页面完全代码
<!DOCTYPE HTML><html><head> <title>文内链接</title><style>a:hover{background-color:yellow;}</style></head> <body ><div style="width:50%;margin:auto;"><!--使页面居中显示，并展视窗50%宽度--><div style="position:fixed; top:0px;"><!--使导航菜单悬停在顶端--><a style="margin: 0px 30px 0px 10px;" href="#chapter1">试飞进程</a><a style="margin: 0px 30px 0px 0px;" href="#chapter2">研制情形</a><a style="margin: 0px 30px 0px 0px;" href="#chapter3">服役动态</a><a style="margin: 0px 30px 0px 0px;"href="#chapter4">总体评价</a></div><!--使导航菜单悬停在顶端（结尾）--><div style="margin:30px 0px 0px 0px;width:600px;overflow:hidden;"><!--小div套大div隐蔽滚动条--><div style="margin:0px 0px 0px 8px;width:610px; height:530px; overflow-y:scroll;overflow-x:hidden;" ><p><!--小div--><h2><a id="chapter1" >试飞进程</a></h2>歼-20隐形战斗机首架技能验证机于2011年1月11日中午12时50分旁边进行首次升空翱翔测试，13时08分成功着陆，历时18分钟。<br>全体首飞过程在歼-10S战斗教练机陪伴下完成 。2016年10月28日，首次发布“空军试飞员将驾歼-20飞机亮相中国航展”后，还陆续发布了“歼-20战机列装空军作战部队”“空军歼-20战机首次开展海上方向实战化演习”等。<h2><a id="chapter2">研制情形</a></h2>在2016年11月1日，第十一届珠海航展，歼-20首次进行空中翱翔展示。两架歼-20做了公开翱翔，不仅在现场引起轰动，也急速被西方媒体大量宣布。歼-20是中国当代空中力量的代表作，也进入了天下最前辈的第五代战斗机行列，它是中国国防能力高速发展的一个象征。<br>2018年11月11日，第十二届中国航展在珠海迎来“高光时候”：歼-20战机在公开翱翔展示中挂弹开仓，震荡献礼公民空军成立69周年纪念日。 <br>2019年10月13日，庆祝公民空军成立70周年航空开放活动新闻发布上，空军新闻发言人申进科大校先容歼-20战机列阵公民空军“王牌部队”<h2><a id="chapter3" >服役动态</a></h2>2017年3月9日，中心电视台宣布歼-20战斗机正式进入空军序列。<br>2017年3月13日，《中国日报》发布称，中国自主研制的歼-20近期将装置国产发动机。<br>2017年7月30日，歼-20三机编队参加在朱日和举行的庆祝中国公民解放军成立90周年阅兵。歼击机梯队飞来，3架歼-20隐形战斗机以楔形编队的形式在天空中飞过。<br>2017年9月28日，在中国国防部行会上，国防部新闻发言人吴谦大校先容歼-20飞机已经列装部队。<br>2017年11月10日上午，中国空军发言人申进科大校表示，歼-20 列装部队后，已经开展编队演习。<br>2018年2月9日，中国空军新闻发言人申进科大校发布，歼-20开始列装空军作战部队。<br>2018年10月30日，中国空军4架歼-20隐形战斗机现身珠海金湾机场上空。<br>2019年10月1日，歼-20现身庆祝中华公民共和国成立70周年阅兵式；阅兵中，歼-20与歼-16、歼-10C三型飞机分别以5机楔队组成战斗队形接管校阅阅兵；该三款歼击机被誉为中国空军歼击机家族的“三剑客”，是未来联合作战的骨干力量<h2><a id="chapter4" >总体评价</a></h2>歼-20是眼下亚洲区域最前辈的战机，这让中国空军在面对日本、韩国与印度等国家的空军时霸占显著上风。外媒将歼-20与其他国家战机进行了比拟。俄罗斯苏霍伊苏-57战斗机由于研制进度几度推迟，尚未正式交付入役；美国F-35战斗机也多次涌现飞机供氧不敷的问题，大面积停飞，出口受阻；韩国KF-X隐形战机先是被爆出因节制不了关键技能而被迫降成四代半战机的情形，后又传出了互助方印尼打算撤资并已奉告韩国的。因此，中国歼-20战机成为亚太区域领跑的上风战机。<br>中国空军正向全边陲作战的当代化计策性军种迈进，成为有效塑造态势、管控危急、遏制战役、打赢战役的主要力量。歼-20战机列装空军作战部队，将进一步提升空军综互助战能力，有助于空军更好的肩负起掩护国家主权、安全和领土完全的神圣义务。<br>歼20是我国自主研制的第五代战斗机，它的研制实现了既定的四大目标——打造跨代新机、引领技能发展、创新研发体系、培植卓越团队。打造跨代新机，是按照性能、技能和进度哀求，研制开拓我国自己的新一代隐身战斗机。引领技能发展，指通过自主创新实现强军兴军的目标。歼20在态势感知、信息对抗、协同作战等多方面取得了打破，这是中国航空工业从跟跑到并跑，再到领跑的必由之路。创新研发体系，是指培植最前辈的飞机研制条件和研制流程。通过一大批大国重器的研制，我们建立了具有我国特色的数字化研发体系。培植卓越团队，是指通过型号研制，熬炼一支爱党爱国的研制军队，这些拥有报国情怀、创新精神的精良青年是航空奇迹未来发展的新力量。未来，我们将在战斗机的机器化、信息化、智能化发展征程上不断前行。</p><img border="0" src="img/image1.jpg" usemap="#map" / ><map name="map" id="map"><area shape="poly" coords="142,62,186,175,246,236,243,298,263,323,396,338,478,313,516,246,496,224,320,158,348,142,336,129,232,108" href="https://www.zhihu.com/question/284642168" / title="歼20气动形状剖析"><!--必须担保画面尺寸与页面显示尺寸同等！页面制作技能解析
--></map></div><!--小div(结尾)--></div><!--小div套大div隐蔽滚动条（结尾）--></div><!--使页面居中显示，并展视窗50%宽度（结尾）--></body> </html>
1.页面内容居中显示方法
2.导航栏悬停顶端方法
3.鼠标滑过导航标题或链接时改变背景色提示
3.隐蔽滚动条方法
4.图片区域链接
大家结合代码和技能解析，先自行剖析一下每段代码的浸染，以及它们之间的前后关系。这一步练习对培养代码阅读能力很有好处，希望大家可以先自行阅读剖析。
下一次，我会逐步演示“页面制作技能解析”中的五个步骤以及一些把稳事变。
利用碎片韶光，学习完全知识！
关注大鱼师兄，一起精研技艺。
HTML序章（学习目的、工具、基本观点）——零根本自学网页制作
HTML是什么？——零根本自学网页制作
第一个HTML页面如何写？——零根本自学网页制作
HTML页面中head标签有啥用？——零根本自学网页制作
初识meta标签与SEO——零根本自学网页制作
HTML中的元素利用方法1——零根本自学网页制作
HTML中的元素利用方法2——零根本自学网页制作
HTML元素中的属性1——零根本自学网页制作
HTML元素中的属性2（路径详解）——零根本自学网页制作
利用HTML添加表格1（基本元素）——零根本自学网页制作
利用HTML添加表格2（表格头部与脚部）——零根本自学网页制作
利用HTML添加表格3（间距与颜色）——零根本自学网页制作
利用HTML添加表格4（行颜色与表格嵌套）——零根本自学网页制作
16进制颜色表示与RGB色彩模型——零根本自学网页制作
HTML中的块级元素与内联元素——零根本自学网页制作
初识HTML中的<div>块元素——零根本自学网页制作
在HTML页面中嵌入其他页面的方法——零根本自学网页制作
封闭在家学网页制作！
为页面嵌入PDF文件——零根本自学网页制作
HTML表单元素初识1——零根本自学网页制作
HTML表单元素初识2——零根本自学网页制作
HTML表单3（下拉列表、多行笔墨输入）——零根本自学网页制作
HTML表单4（form的action、method属性）——零根本自学网页制作
HTML列表制作讲解——零根本自学网页制作
为HTML页面添加视频、音频的方法——零根本自学网页制作
音视频格式转换神器与html视频元素加字幕——零根本自学网页制作
HTML中利用<a>标签实现文本内链接——零根本自学网页制作
HTML中的图片区域链接手法详解——零根本自学网页制作
HTML图片区域链接把稳事变与Gimp基本用法——零根本自学网页制作
用HTML制作一个大略页面(详解)——零根本自学网页制作（完结篇）
