以下為HTML的texts說明

關於texts指令說明

小工具

表格說明:

標籤說明及範例
<B>將所標記的文字字型加粗
<I>將所標記的文字變成斜體
<U>將所標記的文字加上底線
<STRIKE>將所標記的文字畫線刪除
<BIG>將所標記的文字放大
<SMALL>將所標記的文字縮小
<SUP>將所標記的文字變成上標
<SUB>將所標記的文字變成下標
<EM>將所標記的文字加以強調
<STRONG>將所標記的文字加重語氣
<TT>將所標記的文字以 Teletype font 字型表現,常用在固定大小的文字上
<CODE>將所標記的文字以 Code Fragment 字型表現,常用在程式碼的敘述上
<VAR>將所標記的文字以 Variable 字型表現,常用在算數式的變數上

表格指令:

標籤說明及範例
<B>將所標記的文字字型加粗
<I>將所標記的文字變成斜體
<U>將所標記的文字加上底線
<STRIKE>將所標記的文字畫線刪除
<BIG>將所標記的文字放大
<SMALL>將所標記的文字縮小
<SUP>將所標記的文字變成上標
<SUB>將所標記的文字變成下標
<EM>將所標記的文字加以強調
<STRONG>將所標記的文字加重語氣
<TT>將所標記的文字以 Teletype font 字型表現,常用在固定大小的文字上
<CODE>將所標記的文字以 Code Fragment 字型表現,常用在程式碼的敘述上
<VAR>將所標記的文字以 Variable 字型表現,常用在算數式的變數上

換行指令

列如:

利用<br>來切換
到下一行

新的一個段落,會和前面的文字隔開一列


換行並加上水平線
文字會自成一個段落,並以縮排的方式表現出來,而且與上下文章保留一段空白
靠右視窗寬度50%無陰影粗10:
以上為換行指令範例

指令:



利用&lt;br&gt;來切換
到下一行

新的一個段落,會和前面的文字隔開一列


換行並加上水平線
文字會自成一個段落,並以縮排的方式表現出來,而且與上下文章保留一段空白
靠右視窗寬度50%無陰影粗10:
以上為換行指令範例
為了不讓「小於」及「大於」符號被瀏覽器解譯,因此要寫成「&lt;」和「&gt;」。相關的對照表,會在後續章節說明。

字體大小和位置

列如:

H1在左邊

H6在右邊

範圍:H1到H6,H1為最大,H6為最小

字體大小為1

字體大小為7

可輸入比7大的值,但最大的顯示只會到7

可輸入負數來縮小字體大小

FACE="Symbol" 你便可以顯示羅馬字母 a, b, c, d

用 FACE="標楷體" 來顯示 中文標楷體

字的顏色

指令:

H1在左邊

H6在右邊

範圍:H1到H6,H1為最大,H6為最小

字體大小為1

字體大小為7

可輸入比7大的值,但最大的顯示只會到7

可輸入負數來縮小字體大小

FACE="Symbol" 你便可以顯示羅馬字母 a, b, c, d

用 FACE="標楷體" 來顯示 中文標楷體

字的顏色

表格說明hn:

標籤語法屬性
hn, n=1, 2, 3, 4, 5, 6<hn>要顯示的內容</hn>ALIGN = left|right|center

表格指令:

標籤語法屬性
hn, n=1, 2, 3, 4, 5, 6<hn>要顯示的內容</hn>ALIGN = left|right|center

表格說明FONT:

標籤語法屬性
FONT<FONT>要顯示的內容</FONT>SIZE=string, COLOR=#RRGGBB, FACE=font names

表格指令:

標籤語法屬性
FONT<FONT>要顯示的內容</FONT>SIZE=string, COLOR=#RRGGBB, FACE=font names

表格說明表格:

標籤 table
語法 <table>要顯示的內容</table>
<tr>代表下一行</tr>
屬性 border為表格線粗
width為整個表格的寬度
background為控制背景圖片
colspan這格橫跨幾格
rowspan這格垂直跨幾格
align字體在這格的水平放置位置
valign字體在這格的垂直放置位置

表格指令:

標籤 table
語法 <table>要顯示的內容</table>
<tr>代表下一行</tr>
屬性 border為表格線粗
width為整個表格的寬度
background為控制背景圖片
colspan這格橫跨幾格
rowspan這格垂直跨幾格
align字體在這格的水平放置位置
valign字體在這格的垂直放置位置

數學公式

列如:

一個 d 維的高斯機率密度函數(Gaussian probability density function)可以表示成:

g(x, m, S) = (2p)-d/2 det(S)-0.5 exp[-(x-m)TS-1(x-m)/2]
其中 m 是此高斯機率密度函數的平均向量(Mean vector), S 則是其共變異矩陣(Covariance matrix)

指令:

一個 d 維的高斯機率密度函數(Gaussian probability density function)可以表示成:
g(x, m, S) = (2p)-d/2 det(S)-0.5 exp[-(x-m)TS-1(x-m)/2]
其中 m 是此高斯機率密度函數的平均向量(Mean vector), S 則是其共變異矩陣(Covariance matrix)

跑馬燈

列如:

嗨!我是一號跑馬燈 Hello!我是二號跑馬燈 嘿嘿!我是三號跑馬燈

指令:

嗨!我是一號跑馬燈 
Hello!我是二號跑馬燈 
嘿嘿!我是三號跑馬燈 

表格說明:

標籤marquee
功能移動字體
語法<marquee>跑馬燈內容</marquee>
屬性及說明
direction=left|right|center水平線位置的設定,可選擇置左、置中、置右三種方式
bgcolor="#ff9999|#99ff99|#9999ff"背景顏色的設定,可選擇紅、綠、藍的顏色
behavior=scroll|slide|alternate字體移動方式,可選擇連續左到右、跑一次、左右來回
scrollamount=n n=1~無限移動速度為n,n為數值
height="a" width="b"高度跟寬度設定
其它說明有關跑馬燈的屬性和其意義,讀者大概可以從上述範例猜出來吧?(若真的猜不出來,到搜尋引擎找找,應該可以找到答案。)

表格指令:

標籤hr
功能劃水平線
語法&#60hr&#62
屬性及說明
ALIGN=left|right|center水平線位置的設定,可選擇置左、置中、置右三種方式
NOSHADE沒有陰影效果的水平線
SIZE=n水平線的粗細,n 值為整數
WIDTH=n|p%水平線的長度,可給 Pixel 值也可給百分比值。
其它說明水平線的顏色跟文件的背景顏色是有相關性的,當背景顏色是白色時,水平線是灰色;當背景顏色是藍色時,水平線是淺藍色。

顯示程式碼

列如:

PRE 所產生的效果:

    This is a test by Roger Jang.
    1
2

嘿嘿!我是三號跑馬燈

XMP 所產生的效果: This is a test by <a href="/jang">Roger Jang</a>. 1<br>2<p><marquee direction=left bgcolor="#9999ff" behavior=alternate scrollamount=30 scrolldelay=100>嘿嘿!我是三號跑馬燈</marquee>

指令:

PRE 所產生的效果:
    This is a test by Roger Jang.
    1
2

嘿嘿!我是三號跑馬燈

XMP 所產生的效果: This is a test by <a href="/jang">Roger Jang</a>. 1<br>2<p><marquee direction=left bgcolor="#9999ff" behavior=alternate scrollamount=30 scrolldelay=100>嘿嘿!我是三號跑馬燈</marquee>

講解<pre> (Preformatted Text) 所標記起來的是預先已排版過的文章,使其以原貌表現在網頁上。雖然 <pre> 可以將所標記的文字以原貌呈現出來,但文章中如果有 HTML 的標籤,瀏覽器仍會對其進行處理後,才會呈現出來。但如果我們只是要顯示標籤但不想要處理顯現標籤時,就可以改用 <XMP> 標籤,此標籤會將所有其它的 HTML 標籤原封不動地呈現出來

參考網站

texts: https://mirlab.org/jang/books/html/
參考對象: