HTML就是由不同的標籤組成的。
標題標籤
h系列標籤表示「標題」的語義，它們就是標題標籤。h就是headline（標題）的首字母。
h1-h6分別表示一級標題到六級標題。
一級標題最重要，二級標題次之，三級到六級標題語義依次降低，是語義越來越弱的標題。
搜尋引擎非常看重h系列標籤，尤其是h1，因此我們應該將重點內容放到h1標籤當中，比如網頁的logo。
注意：一個頁面上一般只放置一個h1標籤對，否則會被搜尋引擎視為作弊。比如百度和搜狗，都有這樣的規則，如果它發現你的頁面上h1標籤對有多個，就不會抓取。當然你在一個頁面中放多個h1也可以，但是不推薦這麼做。
現在我用vscode打開之前的first.html這個網頁，在body裡面，把之前寫的東西都刪了，重新輸入內容，比如我寫一個h1標題：
<h1>上海簡介</h1>
然後ctrl+shift+p打開live server，在瀏覽器中看到效果如下：
接下來假如說，我要從好幾個方面介紹上海，比如我從地理環境、自然資源、人口這三個方面來介紹上海，我就可以在h1下面添加3個二級標題h2。如下：
瀏覽器中是這樣的效果：
通過上圖效果，就看到3個h2標題是同級的，字號是同樣大小的，比h1標題的字號要小一些。
假如說我這個網頁上的內容，就是介紹上海的。那麼我就可以在二級標題的下面再劃分三級標題。比如地理環境，我可以再細分為位置、氣候、水文3個方面；自然資源可以再細分為礦產和生物2個方面；人口可以再細分為年齡構成和性別構成2個方面；如下圖：
瀏覽器上效果如下：
這樣是不是相當於，把一篇介紹上海的文章的大綱劃分出來了？當然，如果有需要，你可以繼續往下劃分，就是在h3標題下面可以再添加h4標題，h4下面 可以添加h5，一直可以添加到h6，但是很少有頁面能用到h6。
段落標籤
段落標籤使用<p></p>。p就是paragraph（段落）的首字母。
p標籤對默認具備換行的作用，所有的段落都要寫在p標籤對中。
注意：
1 即使在html文件中，你自己給文字換了行，但是在瀏覽器中的網頁上的效果，還是不會換行，只有你把想換行的文字寫到p標籤當中，才會在網頁上顯示為換行的效果。
2 p標籤裡面不能嵌套其他p標籤和h系列標籤。
比如，上海的位置，我在編輯器中這樣寫：
我們看到，在編輯器中，"上海在中國的東部沿海地區。"和"上海市位於東經120°52′至122°12′，北緯30°40′至31°53′之間。"分別是兩個段落。但是我沒有給它們加p標籤，我們只是在編輯器中，給它們換行了，各佔一行。但是在瀏覽器中，效果是這樣的：
在瀏覽器中，我們看到這兩句話在同一行，並沒有換行。而實際上，我的目的是要把它們分成兩個段落的。那麼要想實現換行的效果，你就必須把它們分別放在兩個p標籤中。如下圖：
這時，在瀏覽器中，效果如下：
現在我再根據上面劃分的大綱，把上海市更詳細一點的介紹，用p標籤寫成段落，如下圖：
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport" content="width=device-width, initial-scale=1.0">
<title>我的網頁</title>
<metaname="Keywords" content="手機，智慧型手機，5G手機，遊戲手機，高性能手機">
<metaname="Description" content="釘子手機是東半球最好的手機，功能強大，充電1分鐘，打遊戲100年">
</head>
<body>
<h1>上海簡介</h1>
<h2>上海的地理環境</h2>
<h3>位置</h3>
<p>上海在中國的東部沿海地區。</p>
<p>上海市位於東經120°52′至122°12′，北緯30°40′至31°53′之間。</p>
<h3>氣候</h3>
<p>上海屬亞熱帶季風性氣候，四季分明，日照充分，雨量充沛。上海氣候溫和溼潤，春秋較短，冬夏較長。2013年，全市平均氣溫17.6℃，日照1885.9小時，降水量1173.4毫米。全年60%以上的雨量集中在5月至9月的汛期。</p>
<h3>水文</h3>
<p>上海市地處長江入海口、太湖流域東緣。境內河道（湖泊）面積約500多平方公裡，河面積率為9%～10%；上海市河道長度2萬餘公裡，河網密度平均每平方公裡3公裡～4公裡。境內江、河、湖、塘相間，水網交織，主要水域和河道有長江口，黃浦江及其支流吳淞江（蘇州河）、薀藻浜、川楊河、澱浦河、大治河、斜塘、圓洩涇、大泖港、太浦河、攔路港，以及金匯港、油墩港等。</p>
<h2>上海的自然資源</h2>
<h3>礦產</h3>
<p>境內缺乏金屬礦產資源，建築石料也很稀少，陸上的能源礦產同樣匱乏。70年代以來開始在近海尋找油氣資源，在多口鑽井中獲得工業原油和天然氣。據初步估算，東海大陸架油氣資源儲量約有60億噸，是中國近海海域最大的含油氣盆地。</p>
<h3>生物</h3>
<p>上海市境內天然植被殘剩不多，絕大部分是人工栽培作物和林木。天然的木本植物群落，僅分布於大金山島和佘山等局部地區，天然草本植物群落分布在沙洲、灘地和港汊。栽培的農作物共有100多個種類，近萬個品種。</p>
<h2>上海的人口</h2>
<h3>年齡</h3>
<p>上海市統計局最新發布的統計公報顯示，2015年末上海市常住人口總數為2415.27萬人，相比2014年末減少10.41萬人</p>
<h3>性別</h3>
<p>全市常住人口中，0-14歲的人口為1985634人，佔8.63%；15-64歲的人口為18703674人，佔81.25%；65歲及以上的人口為2329840人，佔10.12%。</p>
</body>
</html>
在瀏覽器中顯示效果如下：
注意：h系列標籤和p標籤不能互相嵌套，所以我上面的代碼，沒有做縮進。不能互相嵌套的代碼就不要做縮進。
溫馨提示：我們的代碼或者文字比較多的情況下，在vscode編輯器中，一行的代碼會比較長，不利於閱讀。我們可以按快捷鍵alt+z解決這個問題。或者在編輯器中，點擊「查看-切換自動換行」。