第 2 章、 HTML 文件文字標籤語法

第 2 章、 HTML 文件文字標籤語法內容章節1. 文字大小的設定2. 文字顏色的設定3. 特殊字元設定4. 文字字形的設定5. 練習 -- 文字標籤語法

HTML 文件文字標籤語法2-1 文字大小的設定

<H> 設定文字的大小語法如下：

<H?>…</H?> ，其中 ? = 1~6

<html><head><title> 使用 <H> 設定文字的大小 </title></head><body> <H1>98 年班航管系選修課 -- 網頁專題 </H1> <H2>98 年班航管系選修課 -- 網頁專題 </H2> <H3>98 年班航管系選修課 -- 網頁專題 </H3> <H4>98 年班航管系選修課 -- 網頁專題 </H4> <H5>98 年班航管系選修課 -- 網頁專題 </H5> <H6>98 年班航管系選修課 -- 網頁專題 </H6></body></html> 範例顯示

http://ducc.myweb.hinet.net/WebPage/examples/chap2_1.htm

HTML 文件文字標籤語法2-1 文字大小的設定 ( 續 )

<H> 屬性設定文字的排列方式語法如下：

<H? align=“left” or “center” or “right”>…</H>

<html><head><title>HTML 文件文字 <H> 屬性排列的設定 </title></head><body> <H1 align="left">98 年班航管系選修課 -- 網頁專題 </H1> <H2 align="left">98 年班航管系選修課 -- 網頁專題 </H2> <H3 align="center">98 年班航管系選修課 -- 網頁專題 </H3> <H4 align="center">98 年班航管系選修課 -- 網頁專題 </H4> <H5 align="right">98 年班航管系選修課 -- 網頁專題 </H5> <H6 align="right">98 年班航管系選修課 -- 網頁專題 </H6></body></html> 範例顯示

HTML 文件文字標籤語法 2-1 文字大小的設定 ( 續 ) <FONT> 設定文字的大小 <FONT> 標籤設定文字的功能較 <H> 更富有變化，但不若 <H> 標籤會有跳行及字型變化

語法： <FONT size=“?”>…</FONT><html><head><title> 使用 FONT 設定文字的大小 </title></head><body> <font size="1">98 年班航管系選修課 -- 網頁專題 </font> <font size="2">98 年班航管系選修課 -- 網頁專題 </font> <font size="3">98 年班航管系選修課 -- 網頁專題 </font> <font size="4">98 年班航管系選修課 -- 網頁專題 </font> <font size="5">98 年班航管系選修課 -- 網頁專題 </font> <font size="6">98 年班航管系選修課 -- 網頁專題 </font> <font size="7">98 年班航管系選修課 -- 網頁專題 </font><body></html> 範例顯示

HTML 文件文字標籤語法 2-2 文字顏色的設定設定文字顏色有兩種方法，其一是直接以英文字來指定顏色。另一種方式是用十六進位的方式表達顏色一、直接以英文字來指定顏色

語法如下：<FONT COLOR=“ 顏色” >…</FONT>例如：<FONT COLOR=“BLUE”> 使用藍色 </FONT

>

HTML 文件文字標籤語法 2-2 文字顏色的設定 ( 續 ) 二、使用用十六進位表達顏色

語法介紹：<FONT COLOR=“#*******”>…</FONT>例如：<FONT COLOR=“#00FF00”> 使用藍色 </FO

NT>範例顯示你認為總共可以有多少種的顏色設定 ?

HTML 文件文字標籤語法2-3 特殊字元設定

某些特殊符號，像是 HTML 標籤的” <“ 和” >” ，無法正常使用在 HTML 文件，必須使用特殊代碼才能顯示最常見的五個特殊字元如下表所示顯示符號代碼特殊字元原因

< < 控制標籤的一部份> > 控制標籤的一部份& & 代碼的開頭“ " 標明屬性的一部份

空白標明空白

HTML 文件文字標籤語法 2-3 特殊字元設定 ( 續 )

<html><head><title></title></head><body>

<font color="red"><</font> 這是左標籤 <br><font color="red">></font> 這是右標籤 <br> 特殊符號 <font color="red">&</font><br>特殊符號 <font color="red">"</font><br>空白符號空白符號 <br>

<body></html> 範例顯示

HTML 文件文字標籤語法2-4 文字字形的設定

在 HTML 文件字型的設定有兩種，其一是設定作業系統本身所擁有及安裝的字型，另一種是針對目前的字型設定外觀的變化。一、設定作業系統已經安裝的字型

語法介紹：<FONT FACE=“ 字體名稱” >…</FONT>例如： <FONT FACE=“ 標楷體” > 這是標楷體字型 </FONT>

HTML 文件文字標籤語法2-4 文字字形的設定 ( 續 )

<html> <head><title> 設定文字的字型 </title></head> <body> <font face=" 標楷體 " size="6" color="ff0000"> 標楷體字型 </font><br> <font face=" 新細明體 " size="6" color="00ff00"> 新細明體字型 </font><br> <font face="Courier New" size="6">Courier New Fo

nt Type</font><br> </body>

</html> 範例顯示

HTML 文件文字標籤語法2-4 文字字形的設定 ( 續 )

二、設定字型設定外觀的變化語法介紹如下：

< 控制標籤 >…</ 控制標籤 >例如： <b> 這是粗體字 </b> <em> 這是斜體字 </em>

下表顯示字型外觀變化<B>…</B> ( 粗體字 )<STRONG>…</STRONG> ( 粗體字 )

<I>…</I> ( 斜體字 )<EM>…</EM> ( 斜體字 )<TT>…</TT> ( 細小字 )<SMALL>…</SMALL> ( 細小字 )

<U>…</U> ( 底線 )<SUP>…</SUP> ( 文字上標 )<SUB>…</SUB> ( 文字下標 )<BIG>…</BIG> ( 文字放大 )<S>…</S> ( 刪除線 )<CODE>…</CODE> ( 程式碼樣式文字 )

HTML 文件文字標籤語法文字字形的設定 ( 續 )<html><head><title>> 設定字型外觀的變化 </title></head><body>

<b> 這是粗體字 </b>, 使用 <b>...</b><br><strong> 這是粗體字 </strong>, 使用 <strong>...</strong><br><br>

<i> 這是斜體字 </i>, 使用 <i>...</i><br><em> 這是斜體字 </em>, 使用 <em>...</em><br><br>

<tt> 細小型的文字 </tt>, 使用 <tt>...</tt><br><small> 細小型的文字 </small>, 使用 <small>...</small><br><br>

上標字型的文字 <sup> 上標 </sup>, 使用 <sup>...</sup><br>下標字型的文字 <sub> 下標 </sub>, 使用 <sub>...</sub><br><br>

<big> 字體放大的文字 </big>, 使用 <big>...</big><br><s> 顯示刪除線 </s>, 使用 <>...</s><br><br>

<body></html> 範例顯示

練習 -- 文字標籤語法請用 HTML 標籤語法編寫以下的文章，使之結果呈現為次頁的樣式

物件的 Equality

通常在程式語言裡我們會用 "==" operator 來判斷 " 相等 " ，Java 的語法也有此用法。但是在 Java 裡 "==" 的使用只有在兩種情況，其一是用在 Primitive types ，另一個用法是針對 String 物件。Primitive types 很容易瞭解，只要 "==" 左右兩邊的 operands 其 " 值 (value)" 相等，程式的片段應該回覆 true ，反之則為 false 。但是針對 String 物件，回覆 true 的條件必須兩邊的 operands 有相同的 reference ；若僅僅是兩邊的字串相等，並不會回覆 true 。

物件的 Equality日期 : 09/18/2007

通常在程式語言裡我們會用“ ==” 判斷“相等” ， Java 的語法也有此用法。但是在 Java 裡“ ==” 的使用只有在兩種情況，其一是用在 Primitive types ，另一個用法是針對 String 物件。 Primitive types 很容易瞭解，只要 "==" 左右兩邊的 operands其 " 值 (value)" 相等，程式的片段應該回覆 true ，反之則為 false ，但是針對 String 物件，回覆 true 的條件必須兩邊的 operands 有相同的 reference ；若僅僅是兩邊的字串相等，並不會回覆 true 。

Documents

第 2 章、 HTML 文件文字標籤語法