[HTML] CH1 HTML標籤基本介紹

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  (鈴鐺)
  • 網站的搜尋框 (百寶袋)
  • 網頁的顏色與區塊 (藍色的外框 白色的圓)
  • 等…

 

 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *