HTML 基本結構與標籤介紹

HTML 教學

About Lesson

HTML 的基本架構：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

什麼是 DOCTYPE?

Doctype 是放在網頁的最上面，告知瀏覽器，此網頁所使用的HTML標籤是什麼版本。

在 HTML4.01 是這樣表示

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML5 則為這樣

<!DOCTYPE html>

<html lang="zh-tw">

</html>

HTML 本身是一種標籤語言，其標籤可以分為有封閉或沒有封閉兩種，需要封閉的標籤包括 h1, div, p… 等，而不需要封閉的標籤則有 img, br, hr… 等，除了標籤外，HTML 也有規範一些資訊可以加在標籤內，這個就稱為屬性，比如：

<h1 title="網頁標題">網頁標題</h1>

其中 title=”網頁標題” 就是一種標籤的屬性，這個屬性可以讓使用者再將滑鼠游標移到標籤上時會顯示提示文字。

Join the conversation