標籤：html css 基礎學習
認識html標籤
讓我們通過一個網頁的學習，來對html標籤有一個初步理解。平常大家說的上網就是瀏覽各種各式各樣的網頁，這些網頁都是由html標籤組成的。下面就是一個簡單的網頁。如下：
大家先自己做一下：Just Try！
首先我們來分析一下，這個網頁由哪些html標籤組成：
“勇氣”是網頁內容文章的標題，<h1></h1>就是標題標籤，它在網頁上的代碼寫成<h1>勇氣</h1>。
“三年級時...我也沒勇氣參加。” 是網頁中文章的段落，<p></p>是段落標籤。它在網頁上的代碼寫成 <p>三年級時...我也沒勇氣參加。</p>
網頁上那張小女生的圖片，由img標籤來完成的，它在網頁上的代碼寫成<img src="1.jpg">圖片和網頁放在同一檔案夾下，若在不同檔案夾下要設定路徑。本文中圖片名稱為：1-3.jpg，進行相應的替換就可以啦。
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>CCF浙商大分會-認識html標籤</title></head><body> <h1>勇氣</h1> <p>三年級時，我還是一個膽小如鼠的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p> <p>到了三年級下學期時，我們班上了一節公開課，老師提出了一個很簡單的問題，班裡很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p> <img src="1-3.jpg" ></body></html>
圖片1-3.jpg大家可以隨意找一張就可以，和html檔案放在同一檔案夾下就好。
1-3認識html標籤
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
