HTML 基礎
下面透過一些實例來學習HTML幾個基本標籤
#HTML 標題
HTML 標題（Heading）是透過<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>
會輸出：
這是標題1
這是標題2
#這是標題3
這是標題4
這是標題5
這是標題6
HTML 段落
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> 來定義的.
實例
<!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 屬性
提示:在href 屬性中指定連結的位址。 (您將在本教程稍後的章節中學習更多有關屬性的知識).#HTML 映像
HTML 映像是透過標籤<img> 來定義的.實例<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <img src="/upload/course/000/000/008/57faf9bfe885a872.jpg" width="300" height="180" /> </body> </html>輸出：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<h1>标题</h1>
<p>句子内容</p>
<a href="http://www.php.cn">链接 PHP.CN</a>
<!--<br>为换行标签 后面的章节会学习到 -->
<br><br>
<img src="https://img.php.cn/upload/course/000/000/008/57faf9bfe885a872.jpg" width="300" height="180" />
</body>
</html>
