试飞进程

歼-20隐形战斗机首架技术验证机于2011年1月11日中午1时5分左右进行首次升空飞行测试，1时8分成功着陆，历时18分钟。
整个首飞过程在歼-20S战斗机陪伴下完成。16年1月8日，首次发布“空军试飞员将驾歼-20飞机亮相中国航展”后，还陆续发布了“歼-20战机列装空军作战部队”“空军歼-20战机首次开展海上方向实战化训练”等。

                <h1 id="chapter2">
                    <a href="#chapter2">研制情况</a>
                </h1>
                16年11月1日，第十一届珠海航展，歼-20首次进行空中飞行展示。两架歼-20做了公开飞行，不仅在现场引起轰动，也立刻被西方媒体大量报道。歼-20是中国现代空中力量的代表，也进入了世界最先进的第五代战斗机行列，它是中国国防能力高速发展的一个象征。
                18年11月11日，第十二届中国航展在珠海迎来“高光时刻”：歼-20战机在公开飞行展示中挂弹开仓，震撼献礼人民空军成立69周年纪念日。

                <h1 id="chapter3">
                    <a href="#chapter3">服役动态</a>
                </h1>
                17年9月份，中央电视台报道歼-20战斗机正式进入空军序列。17年1月，《中国日报》发布消息称，中国自主研制的歼-20近期将装配国产发动机。

                <h1 id="chapter4">
                    <a href="#chapter4">总体评价</a>
                </h1>
                歼-20是眼下亚洲区域最先进的战机，这让中国空军在面对日本、韩国与印度等国家的空军时占有显著优势。

            </p>
            <!-- 图片区域链接 -->
            <img src="img/image2.jpg" alt="图片描述">
            <map name="map" id="map">
                <area shape="circ" coords="14,6,186,175" href="https://www.zhih.com/question/8464168" title="歼20气动外形分析">
            </map>
        </div>
    </div>
</div>

页面制作技术解析
1.页面内容居中显示方法。
2.导航栏悬停顶端方法。
3.鼠标滑过导航标题或链接时改变背景色提示。
4.隐藏滚动条方法。

通过上面代码的解析，我们了解到HTML的基本结构和样式设置。以下将分步讲解如何实现以上功能。

页面内容居中显示方法：

使用div元素包裹页面内容。
设置body元素的style属性：text-align:center; width:30%; margin:auto;
将div元素设置为居中对齐。

导航栏悬停顶端方法：

在头部添加一个div元素，并设置position:fixed; top:0;样式。
使用a标签创建导航链接，并设置相同的top:0;样式。

鼠标滑过导航标题或链接时改变背景色提示：

在a标签中添加style="color:#fff;"设置文字颜色为白色。
在导航div元素底部添加一个style属性：position:relative; overflow:hidden;。

隐藏滚动条方法：

在div元素的顶部和底部各自添加一个div元素，并设置样式：width:100%; height:0; overflow:hidden;。
将主内容div元素的高度设置为具体的值，例如高度为200px等。

以上步骤的实现，可以让页面显示效果更加美观，用户浏览体验更好。接下来，我们将逐步演示“页面制作技术解析”中的五个步骤以及一些注意事项。

HTML基础
- 学习目的、对象、基本概念
第一个HTML页面
- 写法、内容结构
head标签作用
- meta标签与SEO
标签使用方法
- 块级元素与内联元素
CSS样式设置
- 边距、间距

通过以上五步的学习，您可以逐步掌握网页制作的基本技能。关注大鱼师兄，一起精研技艺。

author

View All Posts