HTML是一種用於網頁開發的標記語言，它用於定義網頁的結構和內容。在HTML中，標籤和屬性是非常重要的概念。標籤用於定義網頁中的元素，而屬性則用於指定這些元素的特性。在本文中，我們將介紹一些基本的HTML標籤和屬性，並附上範例程式碼。

<html> 標籤：這是HTML文檔的根元素，它包含整個HTML文檔的內容。

<!DOCTYPE html>
<html>
  <head>
    <title>這是一個標題</title>
  </head>
  <body>
    <h1>這是一個標題</h1>
    <p>這是一個段落。</p>
  </body>
</html>

<head>標籤：這個標籤包含所有的文檔元數據，如標題、描述、關鍵字等等。

<head>
  <title>這是一個標題</title>
  <meta charset="UTF-8">
  <meta name="description" content="這是一個描述。">
  <meta name="keywords" content="關鍵字1, 關鍵字2, 關鍵字3">
</head>

<title>標籤：這個標籤用於定義網頁標題，這是顯示在瀏覽器標籤上的文本。

<head>
  <title>這是一個標題</title>
</head>

<body>標籤：這個標籤包含網頁內容，包括文本、圖片、視頻等等。

<body>
  <h1>這是一個標題</h1>
  <p>這是一個段落。</p>
  <img src="example.jpg" alt="範例圖片">
</body>

<h1>-<h6> 標籤：這些標籤用於定義不同級別的標題，其中<h1>是最高級別的標題。

<h1>這是一個標題1</h1>
<h2>這是一個標題2</h2>
<h3>這是一個標題3</h3>
<h4>這是一個標題4</h4>
<h5>這是一個標題5</h5>
<h6>這是一個標題6</h6>

這是一個標題1

這是一個標題2

這是一個標題3

<p>標籤：這個標籤用於定義段落。

<p>這是一個段落。</p>

<img>標籤：這個標籤用於定義圖像，並且通常與src屬性一起使用，指定圖像的URL。

<img src="example.jpg" alt="範例圖片">

<a>標籤：這個標籤用於定義超鏈接，通常與href屬性一起使用，指定連接的URL。

<a href="https://www.example.com">這是一個超鏈接</a>

<ul>標籤：這個標籤用於定義無序列表，通常與\
標籤一起使用。

<ul>
  <li>列表項目1</li>
  <li>列表項目2</li>
  <li>列表項目3</li>
</ul>

<ol>標籤：這個標籤用於定義有序列表，通常與\
標籤一起使用。

<ol>
  <li>列表項目1</li>
  <li>列表項目2</li>
  <li>列表項目3</li>
</ol>

<table>標籤：這個標籤用於定義表格，通常與<tr>、<th>和<td>標籤一起使用。

<table>
  <tr>
    <th>表頭1</th>
    <th>表頭2</th>
    <th>表頭3</th>
  </tr>
  <tr>
    <td>行1列1</td>
    <td>行1列2</td>
    <td>行1列3</td>
  </tr>
  <tr>
    <td>行2列1</td>
    <td>行2列2</td>
    <td>行2列3</td>
  </tr>
</table>

以上是一些基本的HTML標籤和屬性，它們可以用來構建基本的網頁。當然，HTML標籤和屬性還有很多其他的用法和屬性，需要進一步學習和瞭解。