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