Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML - Coggle Diagram
HTML
HTML文件的架構
<!DOCTYPE html>
一種文件類型(doctype)
總之就是個必須放在程式碼中的東西
<html></html>
根元素（root element）
包含這個頁面的所有內容
<head></head>
不會顯示於網頁瀏覽者眼前的資訊、設定
例如: CSS、頁面說明、顯示於搜尋結果的關鍵字、字元實體集...等
<body></body>
包含所有會
顯示於網頁瀏覽者眼前的內容
例如: 文字、圖片、影面、互動遊戲...等
<meta charset='utf-8'>
指定此文件使用utf-8這種字元編碼
它可以免去許多文字無法正確呈現的問題，總之用就對了
<title></title>
網頁標題
元素（The element）
標籤
起始標籤（The opening tag）
ex. <p>
結束標籤（The closing tag）
ex. <
/
p>
內容（The content）
ex. <p>
Hello world
</p>
屬性（Attribute）
<p
class='editor-note"
>Hello world</p>
幾個元素的詳細說明
圖片
src (source)
圖片來源
alt (alternative)
圖片的說明文字
視障者瀏覽時，會以 alt 來了解圖片內容
有些東西出錯時，例如: src 的路徑錯誤，就會以alt顯示
ex.
標記文字
文字如何呈現
文件標題 (heading)
就像書名、章節名稱、副標題等
最多可以有六層
<h1> - <h6>
段落 (paragraph)
用於呈現一段文字
巢狀元素（nesting element）
<p>My cat is
<strong>very</strong>
grumpy.</p>
空元素（empty elements）
<
img
src="images/firefox-icon.png" alt="My test image">
