1.認識HTML(超文本標記語言)

自學筆記 html

伍貳捌 2023-10-03 01:59:44 ‧ 422 瀏覽

分享至

HTML由元素所組成，使用一種由標籤（tags）與內容(content)組成的語法，而這些標籤可以控制內容樣貌，如字體大小、顏色，以及在網頁中嵌入圖片或影片等內容。
每個HTML標籤通常由一對尖括號括起來，例如： <tagname>。其中，tagname表示具體的標籤名稱，例如：
- <html>：定義HTML文檔的根元素。
- <head>：包含關於文檔的元數據，如標題、字符集、外部資源等。
- <title>：設定瀏覽器標籤上的標題。
- <body>：包含實際的頁面內容，如文字、圖像、表格等。
- <h1>、 <h2>、 <h3>等：定義標題，標題級別由大到小。
通常與CSS（層疊樣式表）和JavaScript一起使用，以實現互動性和視覺效果。
(一)語法總架構

<!DOCTYPE html>  <!--起頭命令黨，告訴瀏覽器這個檔案是一個html黨-->
<html lang="en">
<!--用來包裹整個html內含的程式碼。在開頭可以加入語言判定的標籤，例如:<html lang="en">-->
<head> <!--定義網頁內容、與外部程式碼的連結 以及網頁使用的樣式等等-->
    <!-- head 內容 -->
</head>
<body> <!--定義使用者所看的內容，也就是網頁 的本體-->
    <!-- body 內容 -->
</body>
</html>

(二)Body內部結構

(三)元素 = 標籤 + 屬性 ~ <標籤屬性="值">資料 </標籤>
自閉標籤 ~ <標籤屬性="值" />