Microsoft PowerPoint - ch02_1.ppt

Size: px

Start display at page:

Download "Microsoft PowerPoint - ch02_1.ppt"

亚轮傅
5 years ago
Views:

1 資料編輯與格式化

2 2-1 設定標題格式 <H1>...</H1> 標籤標籤解說 :<H1>...</H1> <H2>...</H2> <H3>...</H3> <H4>...</H4> <H5>...</H5> <H6>...</H6> 屬性解說 : ALIGN= {LEFT,CENTER,RIGHT} (Deprecated) CLASS="..." ID="..." STYLE="..." TITLE="..."

3 LANG="..." DIR="..." onclick="..." OnDblClick="..." OnMouseDown="..." OnMouseUp="...": OnMouseOver="..." OnMouseMove="..." OnMouseOut="..." OnKeyPress="..." OnkeyUp="..."

4 <BODY> <H1 ALIGN="LEFT"> 這是向左對齊的標題 1</H1> <H2 ALIGN="CENTER"> 這是置中的標題 2</H2> <H3 ALIGN="RIGHT"> 這是向右對齊的標題 3</H3> <H4> 這是標題 4 (Heading 4)</H4> <H5> 這是標題 5 (Heading 5)</H5> <H6> 這是標題 6 (Heading 6)</H6> </BODY>

2-2 設定段落格式 2-2-1 <P> 標籤 ( 段落 ) <BODY> 天命之謂性, 率性之謂道, 修道之謂教道也者,

5 2-2 設定段落格式 <P> 標籤 ( 段落 ) <BODY> 天命之謂性, 率性之謂道, 修道之謂教道也者, 不可須臾離也;可離, 非道也是故, 君子戒慎乎其所不賭, 恐懼乎其所不聞莫見乎隱, 莫顯乎微, 故君子慎其獨也 </BODY>

6 <BODY> <P> 天命之謂性, 率性之謂道, 修道之謂教 </P> <P> 道也者, 不可須臾離也 ; 可離, 非道也 </P> <P> 是故, 君子戒慎乎其所不賭, 恐懼乎其所不聞 </P> <P> 莫見乎隱, 莫顯乎微, 故君子慎其獨也 </P> </BODY>

7 <P> 標籤的屬性 : ALIGN="{LEFT,CENTER,RIGHT}" (Deprecated) WIDTH="n" LANG DIR CLASS ID STYLE TITLE onclick ondblclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup

8 2-2-2 <ADDRESS> 標籤 ( 位址 ) <BODY> <ADDRESS> 天命之謂性, 率性之謂道, 修道之謂教 </ADDRESS> <ADDRESS> 道也者, 不可須臾離也;可離, 非道也 </ADDRESS> <P> 是故, 君子戒慎乎其所不賭, 恐懼乎其所不聞 </P> <P> 莫見乎隱, 莫顯乎微, 故君子慎其獨也 </P> </BODY> 這個標籤的屬性和 <H1> 標籤相同

<BODY> 2-2-3 <BLOCKQUOTE> 標籤 ( 左右縮排 ) <BLOCKQUOTE> 天命之謂性, 率性之謂道, 修道之謂教 </BLOCKQUOTE> <BLOCKQUOTE>

9 <BODY> <BLOCKQUOTE> 標籤 ( 左右縮排 ) <BLOCKQUOTE> 天命之謂性, 率性之謂道, 修道之謂教 </BLOCKQUOTE> <BLOCKQUOTE> 道也者, 不可須臾離也;可離, 非道也 </BLOCKQUOTE> <P> 是故, 君子戒慎乎其所不賭, 恐懼乎其所不聞 </P> <P> 莫見乎隱, 莫顯乎微, 故君子慎其獨也 </P> </BODY>

10 <BLOCKQUOTE> 標籤接受 LANG DIR CLASS ID STYLE TITLE onclick ondblclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup 等屬性

11 2-2-4 <BR> 標籤 ( 強迫換行 ) <BODY> <P> 天命之謂性, 率性之謂道, 修道之謂教 <BR> 道也者, 不可須臾離也;可離, 非道也 <BR> 是故, 君子戒慎乎其所不賭, 恐懼乎其所不聞 <BR> 莫見乎隱, 莫顯乎微, 故君子慎其獨也 </P> </BODY> <BR> 標籤接受 CLASS ID STYLE TITLE 和 CLEAR= {ALL, LEFT,RIGHT, NONE} (Deprecated) 五個屬性

12 2-2-5 <PRE> 標籤 ( 預先格式化段落 ) <body> <pre> void main() { printf("hello World!\n"); } </pre> </body>

13 <PRE> 標籤接受 LANG DIR CLASS ID STYLE TITLE WIDTH= n (Deprecated) onclick ondblclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeydown onkeyup 等屬性

14 2-2-6  標籤 ( 註解 ) <BODY>  <P> 大學之道在明明德, 在親民, 在止於至善知止而后有定, 定而后能靜, 靜而后能安, 安而后能慮, 慮而后能得, 物有本末, 事有終始, 知所先後, 則近道也 </P> </BODY>

15 2-3 設定文字格式預設的格式 Format <B> 粗體 Bold</B> <I> 斜體 Italic</I> <U> 加底線 Underlined</U> H<SUB>2</SUB>O X<SUP>3</SUP> <BIG>BIG</BIG> FONT

16 <SMALL>SMALL</SMALL> FONT <EM> 強調斜體 Emphasized</EM> <STRONG> 強調粗體 Strong</STRONG> <DFN> 定義 Definition</DFN> <CODE> 程式碼 Code</CODE> <SAMP> 範例 SAMPLE</SAMP> <KBD> 鍵盤 Keyboard</KBD> <VAR> 變數 Variable</VAR>

17 <CITE> 引用 Citation</CITE> <ABBR> 縮寫, 如 HTTP</ABBR> <ACRONYM> 頭字語 Acronym</ACRONYM> <STRIKE> 刪除字 Strike</STRIKE> <S> 刪除字 Strike</S> <TT>Monospace Font</TT> <Q>Gone with the Wind</Q> <RUBY> 母親節 <RT> ㄇㄨˇㄑㄧㄣㄐㄧㄝˊ</RT> </RUBY>

18 2-3-2 大小色彩與字型 <BODY> <P> 聽風在唱 </P> <P><FONT SIZE="1" COLOR="Green" FACE=" 華康細圓體 "> 聽風在唱 </FONT></P> <P><FONT SIZE="2" COLOR="Purple" FACE=" 華康行書體 "> 聽風在唱 </FONT></P> <P><FONT SIZE="3" COLOR="Red" FACE=" 華康流線體 "> 聽風在唱 </FONT></P> <P><FONT SIZE="4" COLOR="Navy" FACE=" 華康娃娃體 "> 聽風在唱 </FONT></P> <P><FONT SIZE="5" COLOR="Teal" FACE=" 華康彩帶體 "> 聽風在唱 </FONT></P> <P><FONT SIZE="6" COLOR="Blue" FACE=" 華康布丁體 "> 聽風在唱 </FONT></P> <P><FONT SIZE="7" COLOR="Olive" FACE=" 華康古印體 "> 聽風在唱 </FONT></P> </BODY>

19 <FONT> 標籤的屬性 : SIZE="{1,2,3,4,5,6,7}" (Deprecated) COLOR="#RRGGBB" 或 "..." (Deprecated) FACE="..." (Deprecated) LANG DIR CLASS ID STYLE TITLE

20 2-4 跑馬燈 -<MARQUEE> 標籤標籤解說 : 插入跑馬燈 ( 僅適用於 IE) 屬性解說 : BEHAVIOR="{SLIDE,SCROLL,ALTERNATE} BGCOLOR="#RRGGBB" 或 "..." DATAFLD="..." DATAFORMATS="{TEXT,HTML,NONE}" DATASRC="..." DIRECTION="{LEFT,RIGHT}"

21 HEIGHT="n" HSPACE="n" LOOP="{n,INFINITE}" SCROLLAMOUNT="n SCROLLDELAY="n VSPACE="n WIDTH="n" ID STYLE TITLE

22 <body> <p><marquee bgcolor="purple" width="500" height="40"> <font color= white size= 6"> 台北元宵燈會熱鬧登場..</font></marquee></p> <p><marquee bgcolor="#ff99cc" width="80%" height="2%" behavior="alternate direction="right" loop="100" scrollamount="5" scrolldelay="100" > 歡迎你我鬥陣來參加 ~~~</marquee></p> </body>

23 2-5 水平線 -<HR> 標籤標籤解說 : 插入水平線屬性解說 : ALIGN="{LEFT,CENTER,RIGHT}" (Deprecated) COLOR="#RRGGBB" 或 "..." (Deprecated) NOSHADE (Deprecated) SIZE="n" (Deprecated) WIDTH="n" (Deprecated) CLASS ID STYLE TITLE LANG DIR onclick ondblclick onmousedown onmouseup onmouseover onkeyup onmousemove onmouseout onkeypress onkeydown

24 <hr color="#cc0066" align="left" width="50%" size="5"> <hr color="#ff99ff" width="50%" size="5"> <hr color="#0099ff" align="right" width="300" size="10">

25 2-6 項目符號與編號 <BODY> <FONT COLOR="#800000" FACE=" 華康行書體 "> <UL TYPE="CIRCLE"> <LI> 射雕英雄傳 </LI> <LI> 神雕俠侶 </LI> <LI> 倚天屠龍記 </LI> <LI> 碧血劍 </LI> </UL> </FONT> </BODY>

26 <BODY> <FONT COLOR="#0066FF" SIZE="4" FACE=" 華康雅宋體 "> <OL TYPE="A"> <LI> 玩具總動員 </LI> <LI> 蟲蟲危機 </LI> <LI> 花木蘭 </LI> <LI> 泰山 </LI> <LI> 小美人魚 </LI> <LI> 鐘樓怪人 </LI> </OL> </FONT> </BODY>

27 <UL> 標籤的屬性 : COMPACT (Deprecated) SRC="URL" (Deprecated) TYPE="{SQUARE,CIRCLE,DISC}" (Deprecated) CLASS ID STYLE TITLE LANG DIR onclick ondblclick onmousedown onmouseup onmouseover onkeyup onmousemove onmouseout onkeypress onkeydown

28 <OL> 標籤的屬性 : COMPACT (Deprecated) START="n" (Deprecated) TYPE="{1,A,a,I,i}" (Deprecated) CLASS ID STYLE TITLE LANG DIR onclick ondblclick onmousedown onmouseup onmouseover onkeyup onmousemove onmouseout onkeypress onkeydown

29 <LI> 標籤的屬性 : TYPE="..." (Deprecated) VALUE="..." (Deprecated) CLASS ID STYLE TITLE LANG DIR onclick ondblclick onmousedown onmouseup onmouseover onkeyup onmousemove onmouseout onkeypress onkeydown

2-7 定義清單 <DL> <DT><FONT COLOR="Green"><B><I> 黑面琵鷺 </I></B></FONT></DT> <DD> 黑面琵鷺最早的棲息地是韓國及中國的北方沿海, 但近年來它們覓著了一個新的棲息地, 那就是寶島台灣的曾文溪口沼澤地 </DD> <DT><FONT COLOR="Green"><B><I> 赤腹鷹 </I></B></FONT></DT>

30 2-7 定義清單 <DL> <DT><FONT COLOR="Green"><B><I> 黑面琵鷺 </I></B></FONT></DT> <DD> 黑面琵鷺最早的棲息地是韓國及中國的北方沿海, 但近年來它們覓著了一個新的棲息地, 那就是寶島台灣的曾文溪口沼澤地 </DD> <DT><FONT COLOR="Green"><B><I> 赤腹鷹 </I></B></FONT></DT> <DD> 赤腹鷹的棲息地在墾丁恆春一帶, 只要一到每年的八九月, 赤腹鷹就會成群結隊的到台灣過冬, 愛鷹的人士可千萬不能錯過 </DD> <DT><FONT COLOR="Green"><B><I> 八色鳥 </I></B></FONT></DT> <DD> 八色鳥在每年的夏天會從東南亞地區飛到台灣繁殖下一代, 由於羽色艷麗 ( 八種顏色 ), 可以說是山林中的漂亮寶貝 </DD> </DL>

31 2-8 插入或刪除資料標籤解說 :<INS>...</INS> 標籤可以插入資料, 而 <DEL>...</DEL> 標籤可以指定要刪除哪些資料屬性解說 : CITE="URL" DATETIME="..."

32 <INS> 標籤接受 CLASS ID STYLE TITLE LANG DIR onclick ondblclick onmousedown onmouseup onmouseover onkeyup onmousemove onmouseout onkeypress onkeydown 等屬性 <DEL> 標籤接受 CLASS ID STYLE TITLE LANG DIR onclick ondblclick onmousedown onmouseup onmouseover onkeyup onmousemove onmouseout onkeypress onkeydown 等屬性

33 2-9 設定提示文字 <BODY>  <P TITLE=" 大學經一章大學之道 "> 大學之道在明明德, 在親民, 在止於至善知止而后有定, 定而后能靜, 靜而后能安, 安而后能慮, 慮而后能得, 物有本末, 事有終始, 知所先後, 則近道也 </P> </BODY>

<img>

<img> 04 圖片 4-1 4-2 4-3 4-4 網頁程式設計 4-1 網頁多媒體 Flash Java Applets HTML 8 4-1-1 圖片 JPEG Joint Photographic Experts Group 非失真模式 (lossless) 基本模式 (baseline standard) 1 2 12 JPEG 6 JPEG.jpg.jpe.jpeg GIF (graphic