h1~6元素 h1~6元素 (headings level1~6),為「區塊」特性元素,定義文章的標題。標題的左右沒有余白,上下會各插入1行空白。標題的文字大小由大排到小為h1、h2、h3、h4、h5、h6六種。
<h1 style="text-align:left;" >第1章 HTML元素</h1>
<h2 style="text-align:left;" >第1章 第1.0節 文字</h2>
<h3 style="text-align:left;" >第1章 第1.1節 h1~6元素</h3>
font元素 font元素 (font),為「線內」特性元素。加入color、face、size屬性及其屬性值,指定字型的顏色、種類、大小。font元素和所有的屬性皆為W3C非推薦,建議以CSS樣式取代。
<p>
<font color="blue" face="'MS PGothic'" size="4">
「IT綜合情報網」
</font>
網羅國內外的IT情報...
</p>
「IT綜合情報網」網羅國內外的IT情報...
basefont元素basefont元素 (font),為「線內」特性元素。加入color、face、size屬性及其屬性值,指定該頁的基本字型的顏色、種類、大小。font元素和所有的屬性皆為W3C非推薦,建議以CSS樣式取代。注意!!basefont元素不是在<head></head>內,而是放在<body></body>內。
<body >
<basefont size = "2"/>以下的文字大小變為small...
<basefont size = "4"/>以下的文字大小變為big...
</body>
big元素big元素(big font),為「線內」特性元素。將元素內的文字大小變更比預設值(size = "3")大1號(size = "4")。big元素雖為W3C推薦元素,但建議以CSS的font-size樣式設定自己想要的文字大小。
<p>
<big>「IT綜合情報網」</big>
網羅國內外的IT情報...
</p>
「IT綜合情報網」網羅國內外的IT情報...
small元素small元素(small font),為「線內」特性元素。將元素內的文字大小變更成比預設值(size = "3")小1號(size = "2")。small元素雖為W3C推薦元素,但建議以CSS的font-size樣式設定自己想要的文字大小。
<p>
「IT綜合情報網」
<small>網羅國內外的IT情報...</small>
</p>
「IT綜合情報網」網羅國內外的IT情報...
b元素b元素(bold text)為「線內」特性元素,設定元素內的文字以粗體表示。b元素雖為W3C推薦元素,但建議以CSS的font-weight樣式設定自己想要的文字粗細。
<p>
<b>「IT綜合情報網」</b>
為網羅國內外IT情報的綜合情報網...
</p>
「IT綜合情報網」為網羅國內外IT情報的綜合情報網...
i元素i元素(italic text)為「線內」特性元素,設定元素內的文字以斜體表示。b元素雖為W3C推薦元素,但建議以CSS的font-style樣式設定自己想要的文字粗細。
<p>
<i>「IT綜合情報網」</i>
為網羅國內外IT情報的綜合情報網...
</p>
「IT綜合情報網」為網羅國內外IT情報的綜合情報網...
em元素em元素(emphasis)為「線內」特性元素,強調元素內的文字。視瀏覽器而定,一般以斜體表示。想要更加的強調文字的話,使用strong元素效果會比較好,不過兩者都有含有附加資訊,像聲音、點字出力等非視覺系也可藉此表現。
<p>
<em>「IT綜合情報網」</em>
為網羅國內外IT情報的綜合情報網...
</p>
「IT綜合情報網」為網羅國內外IT情報的綜合情報網...
strong元素strong元素(strong emphasis)為「線內」特性元素,強調元素內的文字。視瀏覽器而定,一般以粗體表示。因含有附加資訊,一般文字的視覺上的強調,使用CCS的font-weight樣式即可。
<p>
<strong>「IT綜合情報網」</strong>
為網羅國內外IT情報的綜合情報網...
</p>
「IT綜合情報網」為網羅國內外IT情報的綜合情報網...
tt元素tt元素(teletype text)為「線內」特性元素,將元素內的文字設定為等寬字體。
<p>
<tt>「IT綜合情報網」為網羅國內外IT情報的綜合情報網...</tt>
</p>
「IT綜合情報網」為網羅國內外IT情報的綜合情報網...
sup元素sup元素(superscript)為「線內」特性元素,將元素內的文字變更成上標字。sup元素和變更為下標字的sub元素,多被使用於數理式、註釋等。
<p>
X<sup>2</sup>+Y<sup>2</sup> = 0
</p>
X2+Y2 = 0
sub元素sub元素(subscript)為「線內」特性元素,將元素內的文字變更成下標字。sub元素和變更為上標字的sup元素,多被使用於數理式、註釋等。
<p>
X<sub>1</sub>+X<sub>1</sub> = 2
</p>
X1+X2 = 2
del元素del元素(deleted text)為「線內」(「區塊」)特性元素,保留刪除的履歷。del元素和保留新增履歷的ins元素,皆為於保留文章修改過程時使用。網頁若不想呈現出,可以設定CSS式樣為del{display:none}、ins{text-decoration:none}。
<p>
「IT綜合情報網」網羅<del>國內</del><ins>國內外</ins>IT情報的綜合情報網...
</p>
「IT綜合情報網」網羅國內國內外IT情報的綜合情報網...
| 屬性 | 適用元素 | 屬性值 | 說明 |
|---|---|---|---|
| cite | del、ins | URI | 設定記述變更理由的網頁URI。簡短的變更理由可用通用屬性的title屬性來記述即可。 例)cite = "cite.html" |
| datetime | del、ins | 日期時間 | 設定變更日期:YYYY-MM-DDThh:mm:ssTZD (TZD = Z 或 +hh:mm 或 -hh:mm) 例)2008-09-10T00:00:00+08:00(台灣時間為柯林威治時間+8小時) |
ins元素ins元素((inserted text)為「線內」(「區塊」)特性元素,保留新增的履歷。新增文字的部分會出現下線。del元素和ins元素在HTML4, XHTML1.0 被歸類到Text項目中,但在模組化之後的XHTML1.1,會被歸類到編輯模組(Edit Module),而不是文字模組(Text Module)。
<p>
「IT綜合情報網」網羅<del>國內</del><ins>國內外</ins>IT情報的綜合情報網...
</p>
「IT綜合情報網」網羅國內國內外IT情報的綜合情報網...
| 屬性 | 適用元素 | 屬性值 | 說明 |
|---|---|---|---|
| cite | del、ins | URI | 設定記述變更理由的網頁URI。簡短的變更理由可用通用屬性的title屬性來記述即可。 例)cite = "cite.html" |
| datetime | del、ins | 日期時間 | 設定變更日期:YYYY-MM-DDThh:mm:ssTZD (TZD = Z 或 +hh:mm 或 -hh:mm) 例)2008-09-10T00:00:00+08:00(台灣時間為柯林威治時間+8小時) |
cite元素cite元素((citation)為「線內」特性元素,標示文章的出處或引用源。cite元素內的標籤內容,以斜體文字來表示。
<p>
<cite>「W3C規格書」</cite>
cite元素為<q>Contains a citation or a reference to other sources</q>
</p>
「W3C規格書」定義cite元素為Contains a citation or a reference to other sources
code元素code元素(computer code)為「線內」特性元素,標示標籤內容為簡短的程式碼,包含HTML、CSS的Source Code。複數行的程式碼,可以改用pre元素或blockcode元素。
Code元素為「線內」特性元素,標示標籤內容為簡短的程式碼。
kbd元素kbd元素(keyboard)為「線內」特性元素,使用者從鍵盤輸入的文字。標籤內容基本上是以等寬文字表示。
<p>
同意,請按「<kbd>Y</kbd>」。不同意,請按「<kbd>N</kbd>」。
</p>
同意,請按「Y」。不同意,請按「N」。
var元素var元素(variable)為「線內」特性元素,標示標籤內容為程式的變數、引數(argument),一般以斜體文字表示。
<p>
<code>
function MouseIN() {<br/><var>SubMenu</var> = new Array()<br/>}
</code>
</p>
function MouseIN() {
SubMenu= new Array()
}
samp元素samp元素(sample output)為「線內」特性元素,標示標籤內容為程式、文稿程式(Script)Output的內容,一般以等寬文字表示。
<p>
<samp>HTTP 403 沒有找到檔案</sample>
</p>
HTTP 403 沒有找到檔案。
blockquote元素blockquote元素(long quotations in block)為「區塊」特性元素,標示標籤內容為引用較長的文章。一般blockquote元素的上下各空1行,左右各縮排3個文字。標籤內容不能直接放入「線內」元素、Text,需要加入P、div等「區塊」元素。
<blockquote >
<p>
blockquote元素的上下各空1行,左右各縮排3個文字。標籤內容不能直接放入「線內」元素
和Text,需要加入P、div等「區塊」元素。
</p>
</pblockquote gt;
| 屬性 | 適用元素 | 屬性值 | 說明 |
|---|---|---|---|
| cite | blockquote、q | URI | 設定記述變更理由的網頁URI。簡短的變更理由可用通用屬性的title屬性來記述即可。 例)cite = "cite.html" |
q元素q元素(short inline quotation)為「線內」特性元素,標示標籤內容為引用較短的文章。引用的文章在Netscape, Firefox, Opera(, Safari)會自動文章前後會加上雙引號「"」,但是IE6、7不會加上雙引號「"」。
<p>
<cite>「W3C規格書」</cite>
cite元素為<q>Contains a citation or a reference to other sources</q>
</p>
「W3C規格書」定義cite元素為Contains a citation or a reference to other sources
| 屬性 | 適用元素 | 屬性值 | 說明 |
|---|---|---|---|
| cite | q、blockquote | URI | 設定記述變更理由的網頁URI。簡短的變更理由可用通用屬性的title屬性來記述即可。 例)cite = "cite.html" |
pre元素pre元素(preformatted text)為「區塊」特性元素,標示標籤內容為經過整型過的文章。文章的空格、空白列不會被省略,直接呈現在網頁。但是若不指定改行,會超越區塊範圍一直會往右顯示,不會自動換行。
<pre>
function mousein(m_mode,info_menu){
SubMenu = new Array()
SubMenu = new Array()
.........
}
</pre>
function mousein(m_mode,info_menu){
SubMenu = new Array()
SubMenu = new Array()
.........
ruby元素ruby元素(ruby)為「線內」特性元素,標示標籤內容為含有注音標示的文字。元素包括注音標示對象(ruby base)元素rb和標示文字(ruby text)的元素rt兩部分。ruby元素在HTML4.01、XHTML1.0版本無法使用,在XHTML1.1才被W3C正式的推薦。
<ruby>
<rbc><rb>I</rb><rb>T</rb></rbc>
<rtc><rp>(</rp><rt>information</rt><rt> technology</rt><rp>)</rp></rtc>*2)
</ruby>
marquee元素marquee元素(marquee)為「區塊」?特性元素,設定跑馬燈效果。
<marquee direction = "up" scrollamount ="1" truespeed ="1000" >
<strong>[PR]</strong>網羅國內外IT資訊、企業IT策略、最新技術動向、最新用語<br/>
<strong>[PR]</strong>協助擬定IT與經營結合的IT策略,提升企業競爭力
</marquee>
| 屬性 | 適用元素 | 屬性值 | 說明 |
|---|---|---|---|
| behavior | marquee | scroll slide alternate |
設定跑馬燈的捲動方式。 scroll → 不停的上下捲動,slide → 捲動至指定的方向後停止, alternate → 不停的左右捲動。 |
| bgcolor | marquee | RGB Color Name |
設定跑馬燈的背景顏色。 Netscape不對應,建議使用CSS的background-color屬性取代。 |
| direction | marquee | left(Default) right top down |
設定跑馬燈的捲動方向。 left → 由右到左捲動,right → 由左到右捲動, up → 由下到上捲動,down → 由上到下捲動。 |
| width | marquee | 整數(pixels) 百分比(%) |
設定跑馬燈捲動區域的寬度。 建議使用CSS的width屬性取代。。 |
| height | marquee | 整數(pixels) 百分比(%) |
設定跑馬燈捲動區域的高度。 建議使用CSS的height屬性取代。。 |
| hspace | marquee | 整數(pixels) | 設定跑馬燈捲動區域的左右邊界空白。 Netscape、Firefox、Opera不對應,建議使用CSS的margin屬性取代。 |
| vspace | marquee | 整數(pixels) | 設定跑馬燈捲動區域的上下邊界空白。 Netscape、Firefox、Opera不對應,建議使用CSS的margin屬性取代。 |
| loop | marquee | 整數 infinite(-1) |
設定跑馬燈捲動次數。 初期值為-1,無限循環。 |
| scrollamount | marquee | 整數(pixels) | 設定跑馬燈捲動距離,pixels值越大,捲動的速度越快。 初期值為6。 |
| scrolldelay | marquee | 整數(mini秒) | 設定跑馬燈捲動遞延時間(1/1000秒),時間值越小,捲動的速度越快,時間值越大,捲動的速度越慢。初期值為85。 例)scrolldelay = "100"時,以0.1秒的間隔移動scrollamount屬性所指定的距離。 |
| truespeed | marquee | true false |
IE獨自功能。配合scrolldelay屬性設定 true → scrolldelay屬性實際的指定值。 false → scrolldelay屬性指定值若為60秒以下(1-59),以60秒間隔移動。若是以上則以實際的指定值移動。 |
bdo元素bdo元素(bidirectional override)為「線內」特性元素,強制改變文字的方向。國際碼Unicode,含有世界各國語言文字方向的情報(中文是由左到右),bdo元素可以將其強制改變。
<p>
<bdo dir="ltr">「IT綜合情報網」網羅國內國內外IT情報的綜合情報網</bdo><br/>
<bdo dir="rtl">「IT綜合情報網」網羅國內國內外IT情報的綜合情報網</bdo>
</p>
「IT綜合情報網」網羅國內國內外IT情報的綜合情報網
「IT綜合情報網」網羅國內國內外IT情報的綜合情報網
abbr元素abbr元素(abbreviation)為「線內」特性元素,顯示省略長的單字和語句。可以配合abbr元素的title屬性記述被省略的語句的全文。在Netscape, Firefox, Opera, Safari瀏覽器,省略句下面會顯示虛線。
<p>
<abbr title="eXtensible-HyperText Markup Language">XHTML</abbr>用語辭典
</p>
XHTML用語辭典
acronym元素acronym元素(acronym)為「線內」特性元素,顯示省略語句的字首。可以配合abbr元素的title屬性記述被省略的語句的全文。在Netscape, Firefox, Opera, Safari瀏覽器,省略句下面會顯示虛線。
<p>
北大西洋公約組織的
<acronym title="North Atlantic Treaty Organisation">NATO</acronym>
......
</p>
北大西洋公約組織的NATO......
address元素address元素(address)為「區塊」特性元素,顯示網站製作者、營運者、聯絡方式等資訊。
<address>
Copyright(C)2009超技情報開發研究室 All rights reserved.
</address>