整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
<!DOCTYPE HTML>
<html>
<head>
<title>文內(nèi)鏈接</title>
<style>
a:hover
{
background-color:yellow;
}
</style>
</head>
<body >
<div style="width:50%;margin:auto;"><!--使頁面居中顯示，并展視窗50%寬度-->
<div style="position:fixed; top:0px;"><!--使導(dǎo)航菜單懸停在頂端-->
<a style="margin: 0px 30px 0px 10px;" href="#chapter1">試飛進(jìn)程</a>
<a style="margin: 0px 30px 0px 0px;" href="#chapter2">研制情況</a>
<a style="margin: 0px 30px 0px 0px;" href="#chapter3">服役動態(tài)</a>
<a style="margin: 0px 30px 0px 0px;"href="#chapter4">總體評價</a>
</div><!--使導(dǎo)航菜單懸停在頂端（結(jié)尾）-->
<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" >試飛進(jìn)程</a></h2>
殲-20隱形戰(zhàn)斗機首架技術(shù)驗證機于2011年1月11日中午12時50分左右進(jìn)行首次升空飛行測試，13時08分成功著陸，歷時18分鐘。<br>
整個首飛過程在殲-10S戰(zhàn)斗教練機陪伴下完成 。
2016年10月28日，首次發(fā)布“空軍試飛員將駕殲-20飛機亮相中國航展”后，還陸續(xù)發(fā)布了“殲-20戰(zhàn)機列裝空軍作戰(zhàn)部隊”“空軍殲-20戰(zhàn)機首次開展海上方向?qū)崙?zhàn)化訓(xùn)練”等。
<h2><a id="chapter2">研制情況</a></h2>
在2016年11月1日，第十一屆珠海航展，殲-20首次進(jìn)行空中飛行展示。兩架殲-20做了公開飛行，不僅在現(xiàn)場引起轟動，也立刻被西方媒體大量報道。殲-20是中國現(xiàn)代空中力量的代表作，也進(jìn)入了世界最先進(jìn)的第五代戰(zhàn)斗機行列，它是中國國防能力高速發(fā)展的一個象征。<br>
2018年11月11日，第十二屆中國航展在珠海迎來“高光時刻”：殲-20戰(zhàn)機在公開飛行展示中掛彈開倉，震撼獻(xiàn)禮人民空軍成立69周年紀(jì)念日。 <br>
2019年10月13日，慶祝人民空軍成立70周年航空開放活動新聞發(fā)布上，空軍新聞發(fā)言人申進(jìn)科大校介紹殲-20戰(zhàn)機列陣人民空軍“王牌部隊”
<h2><a id="chapter3" >服役動態(tài)</a></h2>
2017年3月9日，中央電視臺報道殲-20戰(zhàn)斗機正式進(jìn)入空軍序列。<br>
2017年3月13日，《中國日報》發(fā)布消息稱，中國自主研制的殲-20近期將裝配國產(chǎn)發(fā)動機。<br>
2017年7月30日，殲-20三機編隊參加在朱日和舉行的慶祝中國人民解放軍成立90周年閱兵。殲擊機梯隊飛來，3架殲-20隱形戰(zhàn)斗機以楔形編隊的形式在天空中飛過。<br>
2017年9月28日，在中國國防部行記者會上，國防部新聞發(fā)言人吳謙大校介紹殲-20飛機已經(jīng)列裝部隊。<br>
2017年11月10日上午，中國空軍發(fā)言人申進(jìn)科大校表示，殲-20 列裝部隊后，已經(jīng)開展編隊訓(xùn)練。<br>
2018年2月9日，中國空軍新聞發(fā)言人申進(jìn)科大校發(fā)布消息，殲-20開始列裝空軍作戰(zhàn)部隊。<br>
2018年10月30日，中國空軍4架殲-20隱形戰(zhàn)斗機現(xiàn)身珠海金灣機場上空。<br>
2019年10月1日，殲-20現(xiàn)身慶祝中華人民共和國成立70周年閱兵式；閱兵中，殲-20與殲-16、殲-10C三型飛機分別以5機楔隊組成戰(zhàn)斗隊形接受檢閱；該三款殲擊機被譽為中國空軍殲擊機家族的“三劍客”，是未來聯(lián)合作戰(zhàn)的骨干力量
<h2><a id="chapter4" >總體評價</a></h2>
殲-20是眼下亞洲區(qū)域最先進(jìn)的戰(zhàn)機，這讓中國空軍在面對日本、韓國與印度等國家的空軍時占有顯著優(yōu)勢。外媒將殲-20與其他國家戰(zhàn)機進(jìn)行了對比。俄羅斯蘇霍伊蘇-57戰(zhàn)斗機由于研制進(jìn)度幾度推遲，尚未正式交付入役；美國F-35戰(zhàn)斗機也多次出現(xiàn)飛機供氧不足的問題，大面積停飛，出口受阻；韓國KF-X隱形戰(zhàn)機先是被爆出因掌握不了關(guān)鍵技術(shù)而被迫降成四代半戰(zhàn)機的情況，后又傳出了合作方印尼打算撤資并已告知韓國的消息。因此，中國殲-20戰(zhàn)機成為亞太區(qū)域領(lǐng)跑的優(yōu)勢戰(zhàn)機。<br>
中國空軍正向全疆域作戰(zhàn)的現(xiàn)代化戰(zhàn)略性軍種邁進(jìn)，成為有效塑造態(tài)勢、管控危機、遏制戰(zhàn)爭、打贏戰(zhàn)爭的重要力量。殲-20戰(zhàn)機列裝空軍作戰(zhàn)部隊，將進(jìn)一步提升空軍綜合作戰(zhàn)能力，有助于空軍更好的肩負(fù)起維護(hù)國家主權(quán)、安全和領(lǐng)土完整的神圣使命。<br>
殲20是我國自主研制的第五代戰(zhàn)斗機，它的研制實現(xiàn)了既定的四大目標(biāo)——打造跨代新機、引領(lǐng)技術(shù)發(fā)展、創(chuàng)新研發(fā)體系、建設(shè)卓越團隊。打造跨代新機，是按照性能、技術(shù)和進(jìn)度要求，研制開發(fā)我國自己的新一代隱身戰(zhàn)斗機。引領(lǐng)技術(shù)發(fā)展，指通過自主創(chuàng)新實現(xiàn)強軍興軍的目標(biāo)。殲20在態(tài)勢感知、信息對抗、協(xié)同作戰(zhàn)等多方面取得了突破，這是中國航空工業(yè)從跟跑到并跑，再到領(lǐng)跑的必由之路。創(chuàng)新研發(fā)體系，是指建設(shè)最先進(jìn)的飛機研制條件和研制流程。通過一大批大國重器的研制，我們建立了具有我國特色的數(shù)字化研發(fā)體系。建設(shè)卓越團隊，是指通過型號研制，錘煉一支愛黨愛國的研制隊伍，這些擁有報國情懷、創(chuàng)新精神的優(yōu)秀青年是航空事業(yè)未來發(fā)展的生力軍。未來，我們將在戰(zhàn)斗機的機械化、信息化、智能化發(fā)展征程上不斷前行。
</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(結(jié)尾)-->
</div><!--小div套大div隱藏滾動條（結(jié)尾）-->
</div><!--使頁面居中顯示，并展視窗50%寬度（結(jié)尾）-->
</body>
</html>1.頁面內(nèi)容居中顯示方法
2.導(dǎo)航欄懸停頂端方法
3.鼠標(biāo)滑過導(dǎo)航標(biāo)題或鏈接時改變背景色提示
3.隱藏滾動條方法
4.圖片區(qū)域鏈接
大家結(jié)合代碼和技術(shù)解析，先自行分析一下每段代碼的作用，以及它們之間的前后關(guān)系。這一步練習(xí)對培養(yǎng)代碼閱讀能力很有好處，希望大家可以先自行閱讀分析。
下一次，我會逐步演示“頁面制作技術(shù)解析”中的五個步驟以及一些注意事項。
使用碎片時間，學(xué)習(xí)完整知識！關(guān)注大魚師兄，一起精研技藝。
HTML序章（學(xué)習(xí)目的、對象、基本概念）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML是什么？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
第一個HTML頁面如何寫？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML頁面中head標(biāo)簽有啥用？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
初識meta標(biāo)簽與SEO——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中的元素使用方法1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中的元素使用方法2——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML元素中的屬性1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML元素中的屬性2（路徑詳解）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
使用HTML添加表格1（基本元素）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
使用HTML添加表格2（表格頭部與腳部）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
使用HTML添加表格3（間距與顏色）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
使用HTML添加表格4（行顏色與表格嵌套）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
16進(jìn)制顏色表示與RGB色彩模型——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中的塊級元素與內(nèi)聯(lián)元素——零基礎(chǔ)自學(xué)網(wǎng)頁制作
初識HTML中的<div>塊元素——零基礎(chǔ)自學(xué)網(wǎng)頁制作
在HTML頁面中嵌入其他頁面的方法——零基礎(chǔ)自學(xué)網(wǎng)頁制作
封閉在家學(xué)網(wǎng)頁制作！為頁面嵌入PDF文件——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML表單元素初識1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML表單元素初識2——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML表單3（下拉列表、多行文字輸入）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML表單4（form的action、method屬性）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML列表制作講解——零基礎(chǔ)自學(xué)網(wǎng)頁制作
為HTML頁面添加視頻、音頻的方法——零基礎(chǔ)自學(xué)網(wǎng)頁制作
音視頻格式轉(zhuǎn)換神器與html視頻元素加字幕——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中使用<a>標(biāo)簽實現(xiàn)文本內(nèi)鏈接——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中的圖片區(qū)域鏈接方法詳解——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML圖片區(qū)域鏈接注意事項與Gimp基本用法——零基礎(chǔ)自學(xué)網(wǎng)頁制作
用HTML制作一個簡單頁面(詳解)——零基礎(chǔ)自學(xué)網(wǎng)頁制作（完結(jié)篇）
今天，前端工程師已經(jīng)成為研發(fā)體系中的重要崗位之一。
可是與此相對的是，極少大學(xué)的計算機專業(yè)愿意開設(shè)前端課程，大部分前端工程師的知識，也都是在實踐和工作中不斷學(xué)習(xí)的。
最近收到很多同學(xué)的后臺留言，說希望多推出一些前端方向的教程。
今天我們就帶來一門適合前端初學(xué)者的課程，可以帶你從零入門 HTML、CSS、JS、React 等前端核心技能，并創(chuàng)建一個待辦事項的管理應(yīng)用～
項目效果：
課程從最基礎(chǔ)的 HTML/ CSS/JS 講起，還包含了 TypeScript/React/Fabric 等常用技能的講解。由淺入深，層層遞進(jìn)，如果你想快速上手 React 框架，這門課會是你非常好的選擇。
訪問“實驗樓”官網(wǎng)，搜索“從 0 到 1 構(gòu)建待辦事項應(yīng)用”就能學(xué)習(xí)全部課程內(nèi)容。
以下是課程第一節(jié)的內(nèi)容 —— 「HTML 簡介」，帶你快速入門HTML，讓我們一起進(jìn)入前端的大門看看吧：
「HTML 簡介」
本實驗是對 HTML 進(jìn)行學(xué)習(xí)，并且較詳細(xì)的說明了 Web 是如何工作的。主要內(nèi)容有：HTML 常見標(biāo)簽、HTML 文檔結(jié)構(gòu)、HTML 表格和表單、HTML 有序列表和無序列表。通過本節(jié)學(xué)習(xí)，可以構(gòu)建簡單的 HTML 網(wǎng)頁。
HTML（超文本標(biāo)記語言）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。HTML 不需要編譯，可以直接由瀏覽器執(zhí)行，它的解析依賴于瀏覽器的內(nèi)核。它不是一種編程語言，而是一種標(biāo)記語言。
下面我們來演示用戶是如何看到一個網(wǎng)頁顯示的。
具體來講：
首先我們來看一個例子：
<!DOCTYPE html>
<html>
<head>
<title>HTML 簡介</title>
<meta charset="utf-8" />
</head>
<body></body>
</html>這是一個 HTML 的基本骨架，我們將逐步介紹這些是什么意思。
文檔類型聲明
<!DOCTYPE html> 是我們的文檔聲明頭。他告訴了瀏覽器，本文檔處理的是 HTML 文檔。
html 標(biāo)簽
html 標(biāo)簽即根元素，此處表示文檔的開始，該標(biāo)簽包含兩個子標(biāo)簽：head 和 body。
head 元素
head 標(biāo)簽下面所包含的標(biāo)簽由 title、meta、link、style、script 等（后面會講到）。
title 標(biāo)簽
作用：設(shè)置文檔的標(biāo)題或者名稱。瀏覽器通常將該標(biāo)簽的內(nèi)容顯示在窗口頂部或者標(biāo)簽頁上。每個 HTML 文檔只能有一個，必須有一個 title 標(biāo)簽。
meta 標(biāo)簽
<metacharset="UTF-8"> 聲明字符的編碼格式為 utf-8。
body 標(biāo)簽
body 標(biāo)簽定義文檔的主體，也就是我們的主要內(nèi)容（比如文本、超鏈接、圖像、表格和列表等）。
1.h 系類標(biāo)簽
h 標(biāo)簽有六種 h1，h2，h3，h4，h5，h6，它代表著我們的標(biāo)題。
<!DOCTYPE html>
<html>
<head>
<title>HTML 簡介</title>
<meta charset="utf-8" />
</head>
<body>
<h1>我是一級標(biāo)題</h1>
<h2>我是二級標(biāo)題</h2>
<h3>我是三級標(biāo)題</h3>
<h4>我是四級標(biāo)題</h4>
<h5>我是五級標(biāo)題</h5>
<h6>我是六級標(biāo)題</h6>
</body>
</html>為了大家能更有效的學(xué)習(xí)，請使用實驗樓的環(huán)境。首先我們新建一個文件，點擊 File，然后 New File，命名為 index.html。
然后輸入上面的代碼。
讓我們來看一下運行效果吧。鼠標(biāo)右鍵 index.html 文件，點擊 Open With，然后點擊 Preview。
最終效果為：
2.p 標(biāo)簽
p 標(biāo)簽是我們的文本標(biāo)簽，p 標(biāo)簽會自動在其兩個標(biāo)簽之間創(chuàng)建一些空白。刪掉上段代碼 <body> 標(biāo)簽里的內(nèi)容，把下面的內(nèi)容放到 <body> 標(biāo)簽里面去。
<p>我是第一段文字，實驗樓，做實驗，學(xué)編程</p>
<p>我是第二段文字，實驗樓，做實驗，學(xué)編程</p>3. 圖片標(biāo)簽
HTML 的圖像是通過標(biāo)簽 <img> 來定義的。語法: <imgsrc="圖片地址"/> 刪掉上段代碼 <body> 標(biāo)簽里的內(nèi)容，把下面的內(nèi)容放到 <body> 標(biāo)簽里面去。
<p>實驗樓圖片：</p>
<img src="https://static.shiyanlou.com/frontend/dist/img/9f43b00.svg" />4.a 標(biāo)簽
<a> 標(biāo)簽是超鏈接標(biāo)簽，意思就是我們點擊它可以跳轉(zhuǎn)到一個網(wǎng)頁。刪掉上段代碼 <body> 標(biāo)簽里的內(nèi)容，把下面的內(nèi)容放到 <body> 標(biāo)簽里面去。
<a href="https://www.shiyanlou.com/">實驗樓</a>點擊文字：
跳轉(zhuǎn)到指定網(wǎng)頁：
篇幅有限，后續(xù)的課程內(nèi)容，請在“實驗樓”邊敲代碼邊學(xué)習(xí)～
訪問“實驗樓”官網(wǎng)，搜索“從 0 到 1 構(gòu)建待辦事項應(yīng)用”，就能找到課程，繼續(xù)學(xué)習(xí)啦！
互聯(lián)網(wǎng)高速發(fā)展的今天，我們通過瀏覽器可以看到各種各樣的網(wǎng)站，包含了各式不同的領(lǐng)域還有內(nèi)容，通過點擊網(wǎng)站上的標(biāo)簽和欄目我們就能夠很方便地看到網(wǎng)站上顯示的各種數(shù)據(jù)，而這些都是建立在HTML這種標(biāo)記語言的基礎(chǔ)上做到的。
HTML的英文全稱為Hyper Text Markup Language，中文稱作超文本標(biāo)記語言，是一種專門用來建立網(wǎng)站的標(biāo)識語言。其中包括了許多標(biāo)簽將分散的網(wǎng)絡(luò)數(shù)據(jù)連接到一起，聚合同一之后形成了我們現(xiàn)在所看到的網(wǎng)頁。
看到這里是不是有許多朋友想要知道這個HTML語言該怎么去學(xué)習(xí)呢？是需要找老師統(tǒng)一學(xué)，還是去圖書館找專業(yè)書籍自己學(xué)好呢？不用擔(dān)心，因為今天要給大家推薦的就是一個專門為大家提供各種編程語言教程的學(xué)習(xí)網(wǎng)站。
這個網(wǎng)站名叫 runoob，直接在瀏覽器上搜索即可找到。
圖片來自RUNOOB網(wǎng)頁截圖
在首頁可以看到該欄目的第二個就是關(guān)于HTML的學(xué)習(xí)教程，點擊左邊的方框可以調(diào)整你的課程進(jìn)度，在第一章節(jié)的教程中很清晰地講解了什么是HTML，以及告訴了你一些關(guān)于網(wǎng)站建立的小知識。
下方的提示框會給你提供一些對HTML零基礎(chǔ)新手的科普，關(guān)于這種標(biāo)記語言應(yīng)該如何進(jìn)行保存，如何查看文件后輟名，如何打開代碼文件等等，還會提供一些專用工具供你學(xué)習(xí)使用。同時網(wǎng)站會給你簡單介紹一些網(wǎng)頁編程語言的區(qū)別，還有各種用途上的區(qū)分，非常地詳細(xì)。
圖片來自RUNOOB網(wǎng)頁截圖
在第三章節(jié)的編輯器一欄里，會提供給你一些HTML的專用編輯器，例如VS Code，還有sublime text 等實用工具，在后面會教你如何將這些HTML必備編輯器下載并安裝，然后在瀏覽器上面運行。
通過插件還有語言編程的格式我們就能夠?qū)W會如何制作第一步的標(biāo)題了，剛開始的一步比較簡單，相信大家很快就能學(xué)會如何在網(wǎng)頁上顯示自己打入的文字了。之后進(jìn)一步的學(xué)習(xí)就是關(guān)于如何調(diào)整文字段落，還有各種標(biāo)識的使用。
圖片來自RUNOOB網(wǎng)頁截圖
在如何進(jìn)行文字排版編輯的方面，教程中也講述得很詳細(xì)，包括一些用戶們常犯的錯誤，還有一些網(wǎng)頁的實例，甚至是這個教學(xué)網(wǎng)站上的排版示范都會進(jìn)行一一講解。
更深入的章節(jié)會對如何進(jìn)行圖像排列，傳輸?shù)确矫孢M(jìn)行細(xì)講，教程中把大部分網(wǎng)站會使用到的技巧還有排版方式都分成了許多個小片段，方便大家能夠?qū)γ總€方面針對性地學(xué)習(xí)。這些內(nèi)容并不多，幾乎每一個片段都是用很直白的語言進(jìn)行講解，方便所有人都能夠看懂，并且在下方都會有更詳細(xì)的術(shù)語解析，還有一些比較難懂的點會舉例解釋。
圖片來自RUNOOB網(wǎng)頁截圖
經(jīng)過十幾章節(jié)的教學(xué)之后，基本上能夠掌握HTML語言的基本用法，還有一些簡單的操作了，這個時候如果想要進(jìn)階學(xué)習(xí)的話還可以在網(wǎng)站上查找其他的進(jìn)階語言用法，例如CSS, JavaScript等等復(fù)雜一些的語言，相應(yīng)的你也會學(xué)到更多如何運營網(wǎng)頁的方法。
當(dāng)然如果想要自己建立一個網(wǎng)站的話，還需要更多資源還有設(shè)備，例如高速的網(wǎng)絡(luò)連接保持網(wǎng)頁的穩(wěn)定性，以及穩(wěn)定的服務(wù)器，用來保證自己的網(wǎng)頁24小時都能保持流暢可用。不過這些都是在學(xué)會了如何建立網(wǎng)頁之后才考慮的事了。
現(xiàn)在網(wǎng)上也有許多編程教學(xué)，在網(wǎng)上自學(xué)一門知識一門語言變得非常方便，但是僅僅是擁有資源還是不夠的。學(xué)習(xí)如何建立自己的網(wǎng)站還需要大量的努力以及知識的積累，通過不斷的練習(xí)還有實踐才能自如地使用，只有基礎(chǔ)扎實，建立出來的網(wǎng)站才能夠長久。但還需要大家能夠行動起來，只有去學(xué)習(xí)去實踐才能夠真正學(xué)會東西，希望這個教學(xué)網(wǎng)站推薦能夠幫到更多人！
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
