1-2:HTML 基本結構與標籤介紹

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 元素

  • 網頁的根元素,是 HTML 標籤的基礎
  • 內含head及body子元素
  • 可設定 lang 屬性,指定網頁所使用的語言
<html lang="zh-tw">

</html>

 

標籤、元素、屬性與屬性值

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

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

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