(HyperText Markup Language,超文本標記語言)
是用來建立網頁的標記語言。它使用標記標籤(markup tags)來描述網頁上的內容和結構。HTML的標籤大多是成對出現的,如 <h1>
開始標籤和 </h1>
結束標籤,用來表示一個標題。
<!DOCTYPE html>
<html>
<head>
<title>我的第一個網頁</title>
</head>
<body>
<h1>歡迎來到我的網站</h1>
<p>這是一段段落文字。</p>
</body>
</html>
這段代碼的解釋如下:
<!DOCTYPE html>
: 宣告文件類型,告訴瀏覽器這是一個HTML5文件。<html>
: 整個HTML文件的根元素。<head>
: 包含網頁的元數據,比如標題、編碼等。<title>
: 網頁的標題,會顯示在瀏覽器的標籤上。<body>
: 網頁的主要內容部分。<h1>
: 一級標題,用於顯示大標題。<p>
: 段落,用於顯示文本內容。以下是一張表格來簡單介紹一些常見的HTML標籤:
標籤 | 功能 | 範例 |
---|---|---|
<html> |
定義HTML文件的根元素 | <html>...</html> |
<head> |
包含元數據 | <head>...</head> |
<title> |
定義網頁標題 | <title>網頁標題</title> |
<body> |
定義網頁的主體 | <body>...</body> |
<h1> |
定義一級標題 | <h1>標題文字</h1> |
<p> |
定義段落 | <p>段落文字</p> |
<a> |
定義超連結 | <a href="<https://example.com>">鏈接文字</a> |
<img> |
定義圖像 | <img src="image.jpg" alt="圖片描述"> |
<ul> |
定義無序列表 | <ul><li>項目1</li><li>項目2</li></ul> |
<ol> |
定義有序列表 | <ol><li>項目1</li><li>項目2</li></ol> |
這些標籤是構建網頁的基礎,學會使用這些標籤可以幫助你建立基本的網頁結構和內容。
補充:<標籤> 內容 </標籤> ←這邊被稱為元素
HTML 是由元素(elements)組成的,
意思是 HTML 文件的每個部分都是由一個或多個元素構成的。元素是 HTML 的基本單位, 每個元素通常包括以下幾部分: