1 / 14

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

第 2 章、 HTML 文件文字標籤語法. 內容章節 文字大小的設定 文字顏色的設定 特殊字元設定 文字字形的設定 練習 -- 文字標籤語法. HTML 文件文字標籤語法 2-1 文字大小的設定. <H> 設定文字的大小 語法 如下 ： <H?>…</H?> ，其中 ? = 1~6. <html> <head><title> 使用 <H> 設定文字的大小 </title></head> <body> <H1>98 年班航管系選修課 -- 網頁專題 </H1> <H2>98 年班航管系選修課 -- 網頁專題 </H2>

nasim-mcintyre
Download Presentation

第 2 章、 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. 第2章、HTML文件文字標籤語法 內容章節 • 文字大小的設定 • 文字顏色的設定 • 特殊字元設定 • 文字字形的設定 • 練習--文字標籤語法

  2. 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> 範例顯示

  3. 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> 範例顯示

  4. 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> 範例顯示

  5. HTML文件文字標籤語法2-2 文字顏色的設定 • 設定文字顏色有兩種方法，其一是直接以英文字來指定顏色。另一種方式是用十六進位的方式表達顏色 • 一、直接以英文字來指定顏色 • 語法如下： <FONT COLOR=“顏色”>…</FONT> 例如： <FONT COLOR=“BLUE”>使用藍色</FONT>

  6. HTML文件文字標籤語法2-2 文字顏色的設定(續) • 二、使用用十六進位表達顏色 • 語法介紹： <FONT COLOR=“#*******”>…</FONT> 例如： <FONT COLOR=“#00FF00”>使用藍色</FONT> 範例顯示 你認為總共可以有多少種的顏色設定?

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

  8. HTML文件文字標籤語法2-3 特殊字元設定(續) <html> <head><title></title></head> <body> <font color="red">&lt;</font>這是左標籤<br> <font color="red">&gt;</font>這是右標籤<br>特殊符號<font color="red">&amp;</font><br> 特殊符號<font color="red">&quot;</font><br> 空白符號&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;空白符號<br> <body> </html> 範例顯示

  9. HTML文件文字標籤語法2-4 文字字形的設定 • 在HTML文件字型的設定有兩種，其一是設定作業系統本身所擁有及安裝的字型，另一種是針對目前的字型設定外觀的變化。 • 一、設定作業系統已經安裝的字型 • 語法介紹： <FONT FACE=“字體名稱”>…</FONT> 例如：<FONT FACE=“標楷體”>這是標楷體字型</FONT>

  10. 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 Font Type</font><br> • </body> • </html> 範例顯示

  11. HTML文件文字標籤語法2-4 文字字形的設定(續) • 二、設定字型設定外觀的變化 • 語法介紹如下： <控制標籤>…</控制標籤> 例如：<b>這是粗體字</b> <em>這是斜體字</em> • 下表顯示字型外觀變化

  12. HTML文件文字標籤語法 文字字形的設定(續) <html> <head><title>>設定字型外觀的變化</title></head> <body> <b>這是粗體字</b>, 使用&lt;b&gt;...&lt;/b&gt;<br> <strong>這是粗體字</strong>, 使用&lt;strong&gt;...&lt;/strong&gt;<br><br> <i>這是斜體字</i>, 使用&lt;i&gt;...&lt;/i&gt;<br> <em>這是斜體字</em>, 使用&lt;em&gt;...&lt;/em&gt;<br><br> <tt>細小型的文字</tt>, 使用&lt;tt&gt;...&lt;/tt&gt;<br> <small>細小型的文字</small>, 使用&lt;small&gt;...&lt;/small&gt;<br><br> 上標字型的文字<sup>上標</sup>, 使用&lt;sup&gt;...&lt;/sup&gt;<br> 下標字型的文字<sub>下標</sub>, 使用&lt;sub&gt;...&lt;/sub&gt;<br><br> <big>字體放大的文字</big>, 使用&lt;big&gt;...&lt;/big&gt;<br> <s>顯示刪除線</s>, 使用&lt;&gt;...&lt;/s&gt;<br><br> <body> </html> 範例顯示

  13. 練習--文字標籤語法 請用HTML標籤語法編寫以下的文章，使之結果呈現為次頁的樣式 物件的Equality 通常在程式語言裡我們會用"==" operator來判斷"相等"，Java的語法也有此用法。 但是在Java裡"=="的使用只有在兩種情況，其一是用在Primitive types，另一個用法是針對String物件。 Primitive types很容易瞭解，只要"=="左右兩邊的operands其"值(value)"相等，程式的片段應該回覆true，反之則為false。但是針對String物件，回覆true的條件必須兩邊的operands有相同的reference；若僅僅是兩邊的字串相等，並不會回覆true。

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

More Related