認識html

王佳豪發表於2024-10-17
HTML

HTML（HyperText Markup Language）是構建網頁的標準標記語言。它使用一系列標籤來描述網頁的結構和內容。

  1. 基本結構
    HTML 文件的基本結構如下：
點選檢視程式碼 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>網頁標題</title>
</head>
<body>
    <h1>這是一個標題</h1>
    <p>這是一個段落。</p>
</body>
</html>
<!DOCTYPE html>：宣告文件型別為 HTML5。
<html>：根元素，包含整個 HTML 文件。
<head>：包含文件的後設資料（如字符集、頁面標題、引入外部資源等）。
<body>：包含網頁的主要內容。
2. 常用標籤
點選檢視程式碼 
標題標籤
<h1>一級標題</h1>
<h2>二級標題</h2>
<h3>三級標題</h3>
<h4>四級標題</h4>
<h5>五級標題</h5>
<h6>六級標題</h6>
段落標籤
<p>這是一個段落。</p>
連結標籤
<a href="https://www.example.com" target="_blank">這是一個連結</a>
影像標籤
<img src="image.jpg" alt="描述圖片的文字">
列表標籤
<ul>
    <li>無序列表項 1</li>
    <li>無序列表項 2</li>
</ul>

<ol>
    <li>有序列表項 1</li>
    <li>有序列表項 2</li>
</ol>
表格標籤
<table>
    <tr>
        <th>表頭 1</th>
        <th>表頭 2</th>
    </tr>
    <tr>
        <td>單元格 1</td>
        <td>單元格 2</td>
    </tr>
</table>
表單標籤
<form action="/submit" method="POST">
    <label for="username">使用者名稱:</label>
    <input type="text" id="username" name="username">
    <br>
    <label for="password">密碼:</label>
    <input type="password" id="password" name="password">
    <br>
    <input type="submit" value="提交">
</form>
3. 常用屬性

id：為元素指定一個唯一的識別符號。
class：為元素指定一個或多個類名。
style：為元素指定內聯樣式。
href：指定連結的目標地址。
src：指定影像或其他媒體檔案的 URL。
alt：指定影像的替代文字。
title：指定元素的標題文字，通常用於提示資訊。
4. 表單元素

HTML 表單包含多種輸入型別：

點選檢視程式碼 
<input type="text">：文字輸入框。
<input type="password">：密碼輸入框。
<input type="checkbox">：核取方塊。
<input type="radio">：單選按鈕。
<input type="submit">：提交按鈕。
<input type="reset">：重置按鈕。
<input type="button">：普通按鈕。
<input type="file">：檔案選擇框。
<textarea>：多行文字輸入框。
<select>：下拉選單。
5. 多媒體標籤 audio：定義音訊內容。 video：定義影片內容。 source：為音訊或影片指定媒體源。

相關文章