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