">
HTML
This presentation is the property of its rightful owner.
Sponsored Links
1 / 10

HTML PowerPoint PPT Presentation


  • 77 Views
  • Uploaded on
  • Presentation posted in: General

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>

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Html

HTML


Html

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>


Html

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>


Html

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">


Html

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">


Html

XHTML 1.1

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


Html

<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(繁體大五碼)


Html

插入圖片

使用<img>標籤

<imgsrc=“圖檔路徑" width="300" height="200" />


Html

超連結

<a href=“網址”>要連結的字</a>

刪除底線

<style><!--a{text-decoration: none}--></style>


Html

表格

<table>

<tdcolspan=2 align=“center”>一個td標籤是一格</td>

<tr>//用來換一列

<td>第二格</td>

<td>第三格</td>

</table>


  • Login