HTML HTML HEAD TITLETITLE HEAD HTML HEAD META

  • Slides: 38
Download presentation

範例 字最少的HTML文件 <HTML> <HEAD> <TITLE>好</TITLE> </HEAD> </HTML>

範例 字最少的HTML文件 <HTML> <HEAD> <TITLE>好</TITLE> </HEAD> </HTML>

中文網頁所需的編碼的資訊 <HEAD> <META HTTP-EQUIV="Content-Type” CONTENT="text/html; charset=big 5"> 網頁使用中文 Big 5 字碼集

中文網頁所需的編碼的資訊 <HEAD> <META HTTP-EQUIV="Content-Type” CONTENT="text/html; charset=big 5"> 網頁使用中文 Big 5 字碼集

HTML 元件一覽 HTML HEAD BASE Base URL of the document ISINDEX Searchable document LINK

HTML 元件一覽 HTML HEAD BASE Base URL of the document ISINDEX Searchable document LINK Relationships to other documents META Meta information NEXTID Counter for automated editor RANGE Mark a range of a document STYLE Stylesheet information * TITLE Document title

BODY ADDRESS Address information BANNER A document banner BLOCKQUOTE(BQ) Block quotations CREDIT FIG or

BODY ADDRESS Address information BANNER A document banner BLOCKQUOTE(BQ) Block quotations CREDIT FIG or BLOCKQUOTE credit DIV Division of a document FIG Figures FN OVERLAY Image overlay on a FIG CAPTION Caption to a FIG or TABLE Footnotes

FORM INPUT SELECT OPTION TEXTAREA Hn HR NOTE DL LH DT DD User input

FORM INPUT SELECT OPTION TEXTAREA Hn HR NOTE DL LH DT DD User input form Input fields Selectable fields Options in a selectable fields Text input region Headings (n = 1, 2, . . . , 6) Horizontal rule Notes or Admonishments Description/Glossary list List heading Term Description

OL Ordered list LH List heading LI List item UL Unordered list LH List

OL Ordered list LH List heading LI List item UL Unordered list LH List heading LI List item DIR Directory list LI MENU LI List item Menu list List item

P PRE TABLE CAPTION COLGROUP THEAD TBODY TFOOT TR TD TH Paragraphs Preformated text

P PRE TABLE CAPTION COLGROUP THEAD TBODY TFOOT TR TD TH Paragraphs Preformated text Tables Table captions Column width and properties Group columns Table head Table body Table footer Table row Table data cell Table header cell

text level markup Physical Phrase Markup B BIG I S SMALL SUB SUP TT

text level markup Physical Phrase Markup B BIG I S SMALL SUB SUP TT U Bold Increase font size Italics Strike through Reduce font size Subscript Superscript Fixed width font Underline

Semantic Phrase Markup ACRONYM ABBREV AU CITE CODE DEL DFN EM INS KBD Acronyms(頭語字)

Semantic Phrase Markup ACRONYM ABBREV AU CITE CODE DEL DFN EM INS KBD Acronyms(頭語字) Abbreviations(縮寫字) Author Citations Typed computer code Deleted text Defining instance of a term Emphasized text Inserted text Keyboard input

LANG PERSON Q SAMP STRONG VAR Language context Names of a person Short inline

LANG PERSON Q SAMP STRONG VAR Language context Names of a person Short inline quotation Sample text Strongly emphasized A variable

Character level and Special Elements BR IMG A SPOT TAB MATH Line break Inline

Character level and Special Elements BR IMG A SPOT TAB MATH Line break Inline image Hypertext Anchor Mark a location in a documentation Tabbing control Mathematical expressions

Netscape and Microsoft Extensions HEAD Elements SCRIPT Inline scripting program BODY Elements APPLET PARAM

Netscape and Microsoft Extensions HEAD Elements SCRIPT Inline scripting program BODY Elements APPLET PARAM BASEFONT BGSOUND CENTER FRAMESET FRAME NOFRAME Include an inline Java applet Define a variable required by the applet Set the base font Include an inline sound file Center contents horizontally Declare a FRAME document Content for a particular FRAME Markup for non FRAME browsers

MAP A client side imagemap AREA MARQUEE Region in a client side imagemap Define

MAP A client side imagemap AREA MARQUEE Region in a client side imagemap Define a scrolling text marquee Physical Phrase Markup FONT BLINK NOBR WBR Change the font size Blinking text No line break Word break

HEAD 元件 BASE Base URL of the document ISINDEX Searchable document LINK Relationships to

HEAD 元件 BASE Base URL of the document ISINDEX Searchable document LINK Relationships to other documents META Meta information NEXTID Counter for automated editor RANGE Mark a range of a document STYLE Stylesheet infomation TITLE Document title

BODY 元件 文件的主體 語法:<BODY>. . . </BODY> BODY 元件包含文件所要描述的內容。 屬性 BGCOLOR=#rrggbb 底色 TEXT=#rrggbb 字的顏色

BODY 元件 文件的主體 語法:<BODY>. . . </BODY> BODY 元件包含文件所要描述的內容。 屬性 BGCOLOR=#rrggbb 底色 TEXT=#rrggbb 字的顏色 LINK=#rrggbb color of hyperlink text VLINK=#rrggbb color of visited hyperlink text BACKGROUND=image_file 底圖

範例: <BODY BGCOLOR=#ffffff TEXT=#0000 ff> <!-- 白底藍字 -->. . . </BODY> <BODY BGCOLOR=#ffffff BACKGROUNG=“img.

範例: <BODY BGCOLOR=#ffffff TEXT=#0000 ff> <!-- 白底藍字 -->. . . </BODY> <BODY BGCOLOR=#ffffff BACKGROUNG=“img. jpg”> <!-- 白底黑字、底圖為 img. jpg -->. . . </BODY>