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

  1. <html> 標籤:這是HTML文檔的根元素,它包含整個HTML文檔的內容。
<!DOCTYPE html>
<html>
  <head>
    <title>這是一個標題</title>
  </head>
  <body>
    <h1>這是一個標題</h1>
    <p>這是一個段落。</p>
  </body>
</html>
  1. <head>標籤:這個標籤包含所有的文檔元數據,如標題、描述、關鍵字等等。
<head>
  <title>這是一個標題</title>
  <meta charset="UTF-8">
  <meta name="description" content="這是一個描述。">
  <meta name="keywords" content="關鍵字1, 關鍵字2, 關鍵字3">
</head>
  1. <title>標籤:這個標籤用於定義網頁標題,這是顯示在瀏覽器標籤上的文本。
<head>
  <title>這是一個標題</title>
</head>
  1. <body>標籤:這個標籤包含網頁內容,包括文本、圖片、視頻等等。
<body>
  <h1>這是一個標題</h1>
  <p>這是一個段落。</p>
  <img src="example.jpg" alt="範例圖片">
</body>
  1. <h1>-<h6> 標籤:這些標籤用於定義不同級別的標題,其中<h1>是最高級別的標題。
<h1>這是一個標題1</h1>
<h2>這是一個標題2</h2>
<h3>這是一個標題3</h3>
<h4>這是一個標題4</h4>
<h5>這是一個標題5</h5>
<h6>這是一個標題6</h6>

這是一個標題1

這是一個標題2

這是一個標題3

  1. <p>標籤:這個標籤用於定義段落。
<p>這是一個段落。</p>
  1. <img>標籤:這個標籤用於定義圖像,並且通常與src屬性一起使用,指定圖像的URL。
<img src="example.jpg" alt="範例圖片">
  1. <a>標籤:這個標籤用於定義超鏈接,通常與href屬性一起使用,指定連接的URL。
<a href="https://www.example.com">這是一個超鏈接</a>
  1. <ul>標籤:這個標籤用於定義無序列表,通常與\
  2. 標籤一起使用。
<ul>
  <li>列表項目1</li>
  <li>列表項目2</li>
  <li>列表項目3</li>
</ul>
  1. <ol>標籤:這個標籤用於定義有序列表,通常與\
  2. 標籤一起使用。
<ol>
  <li>列表項目1</li>
  <li>列表項目2</li>
  <li>列表項目3</li>
</ol>
  1. <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標籤和屬性還有很多其他的用法和屬性,需要進一步學習和瞭解。

#html #標籤 #程式教學







你可能感興趣的文章

C 語言練習程式(1) & linux把檔案內容複製到剪貼簿

C 語言練習程式(1) & linux把檔案內容複製到剪貼簿

Next.js 入門:從 CRA 與 Prerender 進化至 Next.js 的歷程

Next.js 入門:從 CRA 與 Prerender 進化至 Next.js 的歷程

什麼是宣告式 UI 的 Android Compose

什麼是宣告式 UI 的 Android Compose






留言討論