老虎机电玩城游戏大厅80年代

書名： JSP通用范例開發(fā)金典
作者名：趙麗王樹森編著
本章字?jǐn)?shù)： 1341字
更新時間： 2018-12-29 19:17:12

1.2 文字

范例1-6 正文標(biāo)題

實例位置：光盤\ch01\1-6

范例說明 About the Example

本范例介紹網(wǎng)頁中如何定義正文標(biāo)題。程序運行效果如圖1-6所示。

圖1-6 正文標(biāo)題運行效果圖

語法說明 About the Expression

<hn></hn>標(biāo)記——正文標(biāo)題。

語法形式：<hn align = #>顯示內(nèi)容</hn>

align屬性——設(shè)置水平對齊方式。

# = left（左對齊）、center（居中）、right（右對齊）。

HTML使用<h1>到<h6>這幾個標(biāo)記來定義正文標(biāo)題，從大到小。這些標(biāo)記會自動插入一個空行，不必使用 標(biāo)記再加空行。因此在一行中無法使用不同大小的字體。

關(guān)鍵步驟 Key Steps

1.打開Eclipse。

2.在ch01工程中的Webcontent目錄下新建一個EX006目錄，然后在此目錄下新建一個HTML頁面，命名文件名為EX1-6.html，輸入代碼。

3.打開瀏覽器，輸入http://127.0.0.1:8080/ch01/EX006/EX1-6.html，即可顯示如圖1-6所示的內(nèi)容。

程序代碼 Codes

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>JSP通用范例大全</title>
</head>
<body>
<h1>一級標(biāo)題</h1>
<h2>二級標(biāo)題</h2>
<h3>三級標(biāo)題</h3>
<h4>四級標(biāo)題</h4>
<h5>五級標(biāo)題</h5>
<h6>六級標(biāo)題</h6>
<h3 align=left>三級標(biāo)題左對齊</h3>
<h3 align=center>三級標(biāo)題居中</h3>
<h3 align=right>三級標(biāo)題右對齊</h3>
</body>
</html>

范例1-7 文字格式

實例位置：光盤\ch01\1-7

范例說明 About the Example

本范例介紹在網(wǎng)頁中用font這個元素及其屬性來設(shè)定字體的大小、顏色和字體風(fēng)格。程序運行效果如圖1-7所示。

圖1-7 文字格式的運行效果圖

語法說明About the Expression

標(biāo)記——文字格式。

語法形式：顯示內(nèi)容

● size屬性——設(shè)置字體的大小。

#1 = 數(shù)字（有1-7號字體大小，默認(rèn)為3號字體）或者以默認(rèn)字體增加、減少字體大小級數(shù)（如：+1、-2）。

● color屬性——設(shè)置字體顏色。

#2 = rrggbb。

● face屬性——設(shè)置字體風(fēng)格。

#3 =客戶端可獲得的字體，如Arial、宋體、黑體等，只有客戶端安裝有該種字體樣式才起作用。

關(guān)鍵步驟 Key Steps

1.打開Eclipse。

2.在ch01工程中的Webcontent目錄下新建一個EX007目錄，然后在此目錄下新建一個HTML頁面，命名其文件名為EX1-7.html，輸入代碼。

3.打開瀏覽器，輸入http://127.0.0.1:8080/ch01/EX007/EX1-7.html，即可顯示如圖1-7所示的內(nèi)容。

程序代碼 Codes

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>JSP通用范例大全</title>
</head>
<body>
<p><font size =1 color=red>JSP通用范例大全</font></p>
<p><font size =2>JSP通用范例大全</font></p>
<p><font size =3>JSP通用范例大全</font></p>
<p><font size =4>JSP通用范例大全</font></p>
<p><font size =5>JSP通用范例大全</font></p>
<p><font size =10 face="隸書">JSP通用范例大全</font></p>
</body>
</html>

范例1-8 物理字體與邏輯字體

實例位置：光盤\ch01\1-8

范例說明 About the Example

本范例介紹在網(wǎng)頁中根據(jù)各種情況來調(diào)整字體效果。程序運行效果如圖1-8所示。

圖1-8 物理字體與邏輯字體的運行效果圖

語法說明 About the Expression

1.物理字體語法形式

● 標(biāo)記——顯示粗體。

● 標(biāo)記——顯示斜體字。

● 標(biāo)記——顯示下劃線。

● <tt></tt>標(biāo)記——顯示打印機體。

● ——顯示上標(biāo)。

● ——顯示下標(biāo)。

● <s></s>標(biāo)記或<strike></strike>標(biāo)記——顯示刪除線。

2.邏輯字體語法形式

● 標(biāo)記——用于強調(diào)。

● 標(biāo)記——用于加強語氣。

● <code></code>標(biāo)記——用于顯示原始代碼。

● <samp> </samp>標(biāo)記——用于引用文字。

● <kbd></kbd>標(biāo)記——用于表示使用者輸入的文字。

● <var></var>標(biāo)記——用于顯示變量。

● <dfn></dfn>標(biāo)記——用于定義。

● <cite></cite>標(biāo)記——用于引經(jīng)據(jù)典的文字。

● 標(biāo)記——小字號標(biāo)記。

● <big></big>標(biāo)記——大字號標(biāo)記。

關(guān)鍵步驟 Key Steps

1.打開Eclipse。

2.在ch01工程中的Webcontent目錄下新建一個EX008目錄，然后在此目錄下新建一個HTML頁面，命名其文件名為EX1-8.html，輸入代碼。

3.打開瀏覽器，輸入http://127.0.0.1:8080/ch01/EX008/EX1-8.html，即可顯示如圖1-8所示的內(nèi)容。

程序代碼 Codes

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>JSP通用范例大全</title>
</head>
<body>
<p><b>物理字體</b>&nbsp;物理字體</p>
<p><i>物理字體</i>&nbsp;物理字體</p>
<p><u>物理字體</u>&nbsp;物理字體</p>
<p><tt>物理字體</tt>&nbsp;物理字體</p>
<p><sup>物理字體</sup>&nbsp;物理字體</p>
<p><sub>物理字體</sub>&nbsp;物理字體</p>
<p><s>物理字體</s>&nbsp;物理字體</p>
<p><strike>物理字體</strike>&nbsp;物理字體</p>
<p><em>邏輯字體</em>&nbsp;邏輯字體</p>
<p><strong>邏輯字體</strong>&nbsp;邏輯字體</p>
<p><code>邏輯字體</code>&nbsp;邏輯字體</p>
<p><samp>邏輯字體</samp>&nbsp;邏輯字體</p>
<p><kbd>邏輯字體</kbd>&nbsp;邏輯字體</p>
<p><var>邏輯字體</var>&nbsp;邏輯字體</p>
<p><dfn>邏輯字體</dfn>&nbsp;邏輯字體</p>
<p><cite>邏輯字體</cite>&nbsp;邏輯字體</p>
<p><small>邏輯字體</small>&nbsp;邏輯字體</p>
<p><big>邏輯字體</big>&nbsp;邏輯字體</p>
</body>
</html>

提示：

在通常情況下，HTML會自動截去多余的空格。不管加多少空格，都會被看做一個空格。比如在兩個字之間加了10個空格，HTML會自動截去9個空格，只保留一個。為了能在網(wǎng)頁中增加空格可以使用“ ”表示空格。

官术网_书友最值得收藏!

JSP通用范例開發(fā)金典

1.2 文字

范例1-6 正文標(biāo)題

范例1-7 文字格式

范例1-8 物理字體與邏輯字體