HTML 基本介紹
網頁都必須從HTML開始,以下是基本的HTML,基本的必須的標籤,先看一下基本的架構。
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
My Web Page
</body>
</html>
<!DOCTYPE>聲明
在聲明有助於正確顯示在網頁瀏覽器,要正確地顯示文檔,瀏覽器必須知道類型和版本,DOCTYPE聲明是不區分大小寫,所以不管混合大小寫都是可以接受的
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
HTML 5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
XHTML 1.0
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
標籤
幾乎所有標籤都是成雙成對,所以有開始<html>就必須要打結束</html>,結束標籤必續在前面多一個 / ,每個標籤都會有相對應的功能存在,所以在他的範圍內會呈現出他所預設的效果出來。
有一些標籤是屬於例外,他們並沒有結束標籤,自己本身就是一個結束(<br/> <img/> …..)
HTML <html>標籤
所有網站的開始與結束,所有所有所有得HTML,除了DOCTYPE外 ,都應該寫在<html>標籤範圍內
HTML <head> 和 <body>標籤
head 與 body 我們可以想像是哆啦A夢,擁有兩個重點,頭跟身體。
在head標籤內,我們通常放置看不到的程式與相關網站的宣告,不會直接呈現在視覺上瀏覽的資料。
例如:
- 網站標題 (名字)
- 網站關鍵字 (綽號)
- 網站使用的語系 (會說的語言)
- Javascript (擁有的技能)
- 等…
然而在body標籤內,我們將會放置要呈現的內容,我們打開網頁在視覺上所看到的所有內容,都會是放置在body標籤內。
例如:
- 網站的logo (鈴鐺)
- 網站的搜尋框 (百寶袋)
- 網頁的顏色與區塊 (藍色的外框 白色的圓)
- 等…