HTML 基礎- 4個實例


不要擔心本章中您還沒有學過的例子，

您將在下面的章節中學到它們。

HTML 標題

HTML 標題（Heading）是透過<h1> - <h6> 標籤來定義的. 【可參考HTML程式詞典中<h1>-<h6>標籤 詳解】


##實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

</body>
</html>

運行實例»

#點擊"運行實例" 按鈕查看線上實例


HTML 段落

HTML 段落是透過標籤<p> 來定義的。【可參考
HTML程式詞典

中< p>標籤詳解】

#實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>

</body>
</html>
##運行實例»

點擊"運行實例" 按鈕查看線上實例


#HTML 連結

##HTML 連結是透過標籤<a> 來定義的.【可參考

HTML程式詞典
中###<a>標籤###詳解】#################################################################################### #########實例######
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<a href="http://www.php.cn">这是一个链接使用了 href 属性</a>

</body>
</html>
#########運行實例»######點擊"運行實例" 按鈕查看線上實例######

提示:在 href 屬性中指定連結的位址。

(您將在本教程稍後的章節中學習更多有關屬性的知識).

#HTML 圖像

HTML圖像是透過標籤<img> 來定義的.【可參考HTML程式詞典中<img>標籤詳情】

#實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<img src="/images/w3cschool.png" width="300" height="120" />

</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看在線實例

注意： 圖像的名稱和尺寸是以屬性的形式提供的。