1 / 10

HTML

HTML. 1. 2. 3. DOCTYPE. HTML. 4. HEAD. 2. BODY. <!DOCTYPE  HTML  PUBLIC "-//W3C//DTD HTML  4.01//EN" "http://www.w3.org/TR/ html 4/strict.dtd"> <html> <head> <meta http- equiv ="Content-Type" content="text/html; charset=utf-8" /> <title> 無標題文件 </title> </head> <body> </body>

armando-jacobs
Download Presentation

HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML

  2. 1 2 3 DOCTYPE HTML 4 HEAD 2 BODY <!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文件</title> </head> <body> </body> </html>

  3. DOCTYPE(一定要在第一行就寫) [1]用來分辨html或xhtml的版本 [2]告知瀏覽器要用什麼模式來讀取這個網頁 Quirks Mode 標準模式 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> (這種宣告有多種，列在4-6頁自行參考) HTML5 中，只要宣告 <!DOCTYPE html>

  4. HTML 4.01 Strict(嚴格):過時語法禁止使用。<!DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Transitional(寬鬆):允許部份過時語法。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Frameset(用到框架的網頁使用)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

  5. XHTML 1.0 Strict(嚴格):過時的語法都禁止使用。<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Strict//EN" "http://www.w3.org/2002/08/xhtml/xhtml1-strict.dtd"> Transitional(寬鬆):允許部份即將過時的語法。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Frameset(用到框架的網頁使用)<!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

  6. XHTML 1.1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 「HTTP-EQUIV="Content-Type"」代表在此標籤所定義的字串，將被以 HTTP 表頭資訊的方式送到用戶端，其類別是 Content-Type 「CONTENT="text/html; charset=big5"」代表送到用戶端的資訊是文字，且是 HTML，而且其語言的編碼方式是 big5（繁體大五碼）

  8. 插入圖片 使用<img>標籤 <imgsrc=“圖檔路徑" width="300" height="200" />

  9. 超連結 <a href=“網址”>要連結的字</a> 刪除底線 <style><!--a{text-decoration: none}--></style>

  10. 表格 <table> <tdcolspan=2 align=“center”>一個td標籤是一格</td> <tr>//用來換一列 <td>第二格</td> <td>第三格</td> </table>

More Related