HTML基礎教學之文件結構

<!DOCTYPE HTML>
<html>
<head>
<title>php.cn</title>
</head>
<body>
这里是存放网页内容的
</body>
</html>

HTML檔案結構的說明：

#<!DOCTYPE HTML>：html5標準網頁聲明，必須放在 HTML文件的第一行，位於<html> 標籤之前
<html></html>標記的意思：告訴瀏覽器，其中的程式碼以什麼格式(圖片、影片)來編譯。
<head></head>標記的意思：告訴瀏覽器，網頁中的漢字用什麼字元集(GB2312、BIG5、JIS)顯示。不使用正確的字元集，網頁會出現亂碼。 GB2312(簡體中文)、BIG5(繁體中文)、JIS(日文)、utf-8(多國語言)
<title></title>中只能是純文字，任何標記都會原封不動的顯示。
<body></body>是網頁主要內容的顯示區域。網頁中99%的內容都必須放在<body>。只有放在<body>中，最終瀏覽器翻譯以後，才能看見結果。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

功能：告訴瀏覽器，如何翻譯漢字。

http-equiv：模擬http協定的檔案頭原訊息，主要目的是伺服器傳回給客戶端時，用什麼格式顯示。
Content-type：內容類型。
Content：詳細內容類型介紹。
Text/html：網頁是text格式，html是文字中的小格式。
Charset：字元集，主要控制漢字如何顯示。
Utf-8：多國語言編碼，什麼國家的語言都可以正常顯示。

繼續學習

新建檔案

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>这是我们的第一个页面</title> </head> <body> <h1>欢迎加入php.cn</h1> <h2>希望你能够在这里学的开心</h2> </body> </html>

重置程式碼

自動運行

提交

預覽 Clear