本節列舉了一些簡單的HTML例子，幫助大家更感性地認識HTML標簽。是不是對一些標簽還不熟悉？別擔心，後面幾個章節會有詳細說明，先跑幾個例子看看效果吧。 HTML文檔相關標簽所有HTML文檔必須以<!DOCTYPE html>聲明開頭。 HTML文檔則以<html>開頭，以</html>結尾。 HT ...
本節列舉了一些簡單的HTML例子，幫助大家更感性地認識HTML標簽。是不是對一些標簽還不熟悉？別擔心，後面幾個章節會有詳細說明，先跑幾個例子看看效果吧。
HTML文檔相關標簽
所有HTML文檔必須以<!DOCTYPE html>聲明開頭。
HTML文檔則以<html>開頭，以</html>結尾。
HTML中所有可見區域都放在<body></body>之間。
HTML文檔實例
<!DOCTYPE html> <html> <body> <h1>我是標題1</h1> <p>我是段落</p> </body> </html>
HTML標題
HTML標題用<h1>到<h6>六個標簽表示。
<h1>表示級別最高的標題，<h6>表示級別最低的標題。
HTML標題實例
<h1>我是標題1</h1> <h2>我是標題2</h2> <h3>我是標題3</h3>
HTML段落
HTML段落用<p>標簽表示。
HTML段落實例
<p>我是段落</p> <p>我是另一個段落</p>
HTML超鏈接
HTML中的超鏈接用<a>標簽表示。
HTML超鏈接實例
<a href="http://www.w3uu.com">去w3悠游學習</a>
上例中href是<a>標簽的屬性，href屬性定義了這個超鏈接跳轉的網址。以後的學習中我們會看到，每個標簽都有屬性。有了屬性，標簽的表現會更強大、更豐富。
HTML圖片
HTML中的圖片用<img>標簽表示。
<img>標簽有四個重要的屬性：src（圖片路徑）、alt（圖片失效時替代的文字）、width（圖片寬度）、height（圖片高度）。
HTML圖片實例
<img src="/static/img/qrcode.jpg" alt="w3uu.com" width="160" height="160">
原文鏈接: www.w3uu.com/intro/base/html-basic.html
