# 怎么編寫HTML文件
HTML（HyperText Markup Language）是構建網頁的基礎語言。本文將介紹編寫HTML文件的基本步驟和核心概念，幫助初學者快速入門。
---
## 一、準備工作
1. **文本編輯器**
推薦使用：
- VS Code（免費且功能強大）
- Sublime Text
- Notepad++（Windows）
- 記事本（僅限簡單測試）
2. **瀏覽器**
用于預覽效果，推薦Chrome/Firefox/Edge。
---
## 二、HTML文件基礎結構
一個標準的HTML文件包含以下基本框架：
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一個網頁</title>
</head>
<body>
<!-- 頁面內容寫在這里 -->
<h1>歡迎來到我的網站</h1>
<p>這是一個段落。</p>
</body>
</html>
<!DOCTYPE html>：聲明文檔類型<html>：根元素，lang屬性定義語言<head>：包含元信息（如標題、字符集）<body>：可見頁面內容創建文件
新建文本文件，重命名為index.html（首頁常用名）。
編寫內容
用標簽組織內容，例如：
<h1>主標題</h1>
<h2>副標題</h2>
<p>段落文本 <a href="https://example.com">超鏈接</a></p>
<img src="image.jpg" alt="圖片描述">
保存文件
注意擴展名必須是.html或.htm。
瀏覽器打開
雙擊文件或在瀏覽器中拖入文件即可預覽。
| 標簽 | 用途 | 示例 |
|---|---|---|
<h1>-<h6> |
標題 | <h1>一級標題</h1> |
<p> |
段落 | <p>這是一個段落</p> |
<a> |
超鏈接 | <a href="url">鏈接</a> |
<img> |
圖片 | <img src="pic.jpg"> |
<ul>/<ol> |
無序/有序列表 | <li>項目</li> |
<div> |
區塊容器 | <div>內容塊</div> |
注釋
<!-- 這是注釋，不會顯示在頁面中 -->
特殊字符
>文件路徑
src="file.html"src="images/photo.jpg"src="../back.html"W3C驗證工具
訪問 https://validator.w3.org/ 檢查代碼合法性。
瀏覽器開發者工具
按F12打開，可查看元素、調試CSS/JavaScript。
通過以上步驟，您已經能夠創建基礎的HTML網頁。實踐是學習的關鍵，嘗試修改代碼并觀察變化，逐步提升技能！ “`
本文共約600字，包含HTML編寫的基礎知識、實用示例和操作指引。建議保存為
.md文件后用Markdown閱讀器查看格式效果。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
