Computer: Makeuper: HTML: Barebones

From TestingMediawiki
Revision as of 02:07, 23 February 2006 by 211.54.175.130 (talk)
Jump to navigation Jump to search

連結

Computer:Makeuper:HTML

HTML 骨架

只要把下面的這些剪下貼上到記事本 (或是任何一個文字編輯器),存檔 (副檔名記得用 html 或是 htm) 之後連點兩下開啟,就可以看到一個完全空白的網頁了:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" 
   content="text/html; charset=big5" />
  <title>顯示在瀏覽器視窗標題列的標題</title>
</head>
<body>

</body>
</html>

瀏覽器標題列當然會顯示「顯示在瀏覽器視窗標題列的標題」囉!

這裡有兩個一定要知道的細節:

  • 在 title 標籤裡可以修改瀏覽器視窗標題列顯示的文字,千萬別忘了要改哦!
  • 在 meta 標籤第二行最後面的「big5」,是用來指定文件編碼的。如果你只要寫中文和英文的文件,這樣就可以了;但是若你要在同文件用上多國語言,可以考慮把 big5 改成 utf-8 來指定萬國碼。一旦改用 UTF-8,也請記得存檔時要指定用 UTF-8 格式存檔,不然會出現亂碼哦!

額外的小知識

  • 一開始的 !DOCTYPE 用途是註明文件類型,告訴瀏覽器這份文件是符合 W3C.org 裡 XHTML 1.0 Transitional 標準的文件。一般來說這裡都不會需要動到,所以直接貼上就好。
  • 文件編碼:所有的文字存在電腦裡的時候都只是一堆數字,而電腦在顯示文字的時候,會像查字典一樣,把每個數字抓出來,找到字典對照之後,再按字典上的模樣把那個字「畫」在螢幕上。不同的語言會有不同的字典告訴電腦怎麼畫每個字,而這個「字典」,就是所謂的編碼。臺灣傳統上用的是 Big5 (大五碼) 編碼,但是近幾年有愈來愈多人開始用 UTF-8 萬國碼;這是因為 UTF-8 這本「字典」裡包括了許多國家的文字,比大五碼泛用,可以同時顯示多國語言。不過在指定用 UTF-8 顯示文件之前,儲存文件時就要指定好 UTF-8 了,不然會造成亂碼。
  • 標籤對稱:眼尖的讀者應該都注意到每個標籤都是對稱的;有 html 就有 /html,有 body 就有 /body,有開頭就有結束。唯一的例外,就是 meta,不用 /meta 而是直接空一格再加上斜線和右角括號。這是因為 meta 的裡面不會再有包進其他東西了。這是 XHTML 1.0 的規定,千萬別忘了。
  • 以後所有文件內容都會寫進 body 到 /body 標籤的中間

buy ambien buy adipex buy xanax buy phentermine buy viagra buy xenical cialis valium fioricet tramadol carisoprodol buy soma hydrocodone ultram vicodin meridia alprazolam levitra didrex diazepam propecia zoloft lipitor buy viagra buy phentermine buy ambien buy adipex buy xenical buy xanax buy cialis buy valium buy fioricet buy tramadol buy carisoprodol buy soma buy hydrocodone ultram vicodin meridia alprazolam levitra didrex diazepam propecia zoloft lipitor phentermine ambien xanax phentermine viagra ambien adipex xanax xenical buy cialis buy valium buy fioricet buy tramadol buy carisoprodol buy hydrocodone xenical cialis valium fioricet tramadol carisoprodol hydrocodone buy propecia free ringtones nextel ringtones viagra buy ambien buy adipex buy phentermine buy xanax buy xenical buy valium buy tramadol buy fioricet buy carisoprodol buy cialis buy hydrocodone ambien adipex xanax buy phentermine buy ambien buy adipex buy xanax buy xenical buy cialis ultram vicodin meridia didrex levitra diazepam alprazolam propecia zoloft lipitor xenical phentermine buy ambien buy phentermine buy adipex buy xanax buy xenical buy cialis buy valium buy fioricet buy tramadol buy carisoprodol buy hydrocodone ultram vicodin meridia alprazolam levitra didrex buy ambien buy phentermine buy adipex buy xanax buy xenical buy cialis buy valium buy fioricet buy tramadol buy carisoprodol buy hydrocodone ultram vicodin meridia alprazolam levitra buy phentermine didrex diazepam propecia zoloft ambien adipex xanax xenical cialis valium fioricet tramadol carisoprodol hydrocodone ultram vicodin meridia alprazolam lipitor phentermine ambien adipex xanax levitra didrex diazepam xenical cialis valium fioricet tramadol carisoprodol hydrocodone propecia free ringtones phentermine nextel ringtones free ringtones buy ambien buy adipex buy xanax buy xenical buy cialis buy valium buy fioricet buy tramadol buy carisoprodol buy hydrocodone ambien phentermine adipex xanax xenical cialis valium fioricet tramadol carisoprodol hydrocodone didrex diazepam buy phentermine buy ambien buy adipex buy xanax buy xenical buy cialis buy valium buy fioricet buy ambien buy adipex buy xanax buy phentermine buy xenical buy cialis buy valium buy fioricet buy tramadol buy carisoprodol buy hydrocodone ambien phentermine buy tramadol buy carisoprodol buy hydrocodone didrex free ringtones adipex phentermine ambien adipex xanax xenical xanax xenical cialis cialis valium valium fioricet tramadol carisoprodol hydrocodone fioricet tramadol carisoprodol hydrocodone buy phentermine buy ambien buy adipex buy xanax buy xenical buy cialis buy valium buy fioricet buy tramadol buy carisoprodol buy hydrocodone buy ambien buy adipex buy phentermine buy xanax buy xenical buy cialis buy valium buy ambien buy adipex buy fioricet buy tramadol buy carisoprodol buy hydrocodone buy phentermine buy xanax buy xenical buy cialis buy valium buy fioricet buy tramadol buy carisoprodol buy hydrocodone phentermine ambien adipex xanax xenical buy ambien buy adipex buy phentermine buy xanax buy xenical buy cialis buy valium buy fioricet buy tramadol cialis valium fioricet tramadol carisoprodol buy carisoprodol buy hydrocodone ultram phentermine ambien adipex ultram free ringtones buy ambien buy adipex buy phentermine buy xanax buy xenical buy valium buy fioricet buy tramadol buy carisoprodol buy hydrocodone xanax xenical cialis valium fioricet tramadol carisoprodol hydrocodone free ringtones buy ambien buy phentermine buy adipex buy xanax buy xenical buy cialis buy cialis buy valium buy fioricet buy tramadol buy carisoprodol buy hydrocodone ultram phentermine ambien adipex xanax phentermine ambien adipex xanax xenical cialis fioricet tramadol ultram valium cialis valium fioricet tramadol carisoprodol hydrocodone ultram ambien adipex xanax xenical cialis buy ambien buy phentermine buy adipex buy xanax buy xenical buy cialis buy valium buy fioricet buy tramadol buy carisoprodol buy hydrocodone hydrocodone vicodin buy ambien buy phentermine buy adipex buy xanax buy xenical buy cialis buy valium buy fioricet buy tramadol buy carisoprodol buy hydrocodone ambien adipex xanax xenical cialis valium