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="//m.sbmmt.com">这是一个链接使用了 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>

輸出:

 html.jpg


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

 


繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h1>标题</h1> <p>句子内容</p> <a href="//m.sbmmt.com">链接 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>