創(chuàng)建 html 文檔：使用文本編輯器輸入 html 結(jié)構(gòu)，并保存為 .html 文件。打開 html 文檔：雙擊文件或在瀏覽器中使用“文件” > “打開”選項(xiàng)。實(shí)戰(zhàn)案例：創(chuàng)建新 html 文件，添加標(biāo)題、樣式表和內(nèi)容，并保存為 .html 文件。
創(chuàng)建和打開 HTML 空文檔
HTML 文件結(jié)構(gòu)
HTML 文件的基本結(jié)構(gòu)如下：
<!DOCTYPE html> <html> <head> <title>我的 HTML 文檔</title> </head> <body> </body> </html>
登錄后復(fù)制
創(chuàng)建 HTML 文檔
有多種方法可以創(chuàng)建 HTML 文檔。一種簡(jiǎn)單的方法是使用文本編輯器，如記事本或 Sublime Text。
- 打開文本編輯器。輸入上面的 HTML 結(jié)構(gòu)。將文件保存為
.html擴(kuò)展名。例如，my_html_document.html。打開 HTML 文檔
要打開 HTML 文檔，可以使用以下方法：
- 雙擊
.html文件。這應(yīng)該使用您的默認(rèn) Web 瀏覽器打開文件。在 Web 瀏覽器中，轉(zhuǎn)到“文件” > “打開”，然后選擇您的 HTML 文件。實(shí)戰(zhàn)案例：創(chuàng)建一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)
按照以下步驟創(chuàng)建一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)并將其保存在文件中：
- 創(chuàng)建一個(gè)新 HTML 文件。在
<head>部分添加標(biāo)題和樣式表。在<body>部分添加內(nèi)容，如文本、圖像和鏈接。將文件保存為.html擴(kuò)展名，例如index.html。雙擊index.html文件或在 Web 瀏覽器中打開它以查看您的網(wǎng)頁(yè)。<!DOCTYPE html>
<html>
<head>
<title>我的第一個(gè)網(wǎng)頁(yè)</title>
<style>
body {
font-family: Arial, sans-serif;
font-size: 16px;
}
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>歡迎來(lái)到我的第一個(gè)網(wǎng)頁(yè)！</h1>
<p>這是我使用 HTML 創(chuàng)建的第一個(gè)網(wǎng)頁(yè)。我已經(jīng)添加了一些文本、圖像和鏈接來(lái)展示我能用 HTML 做什么。</p>
<img src="image.jpg" alt="圖片">
<a href="https://www.example.com">示例鏈接</a>
</body>
</html>
登錄后復(fù)制
