捕鱼机遥控器是不是真的管用

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

1.3 文字布局

范例1-9 文字的分區(qū)顯示

實(shí)例位置：光盤(pán)\ch01\1-9

范例說(shuō)明 About the Guidance

本范例介紹在網(wǎng)頁(yè)中對(duì)文字位置的編排及對(duì)文字的分區(qū)顯示方式。程序運(yùn)行效果如圖1-9所示。

圖1-9 文字的分區(qū)顯示的運(yùn)行效果圖

語(yǔ)法說(shuō)明 About the Expression

1.<div></div>標(biāo)記——一個(gè)塊級(jí)元素，用設(shè)定字、畫(huà)、表格等的擺放位置

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

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

# = left（左對(duì)齊）、center（居中）、right（右對(duì)齊）。

在文檔中描述不同性質(zhì)的元素，可以包含段落、標(biāo)題、表格，如章回、段落、摘要等。

2.<center></center>標(biāo)記——居中排列其中的內(nèi)容

語(yǔ)法形式：<center>顯示內(nèi)容</center>

很多標(biāo)記已有align="center" 的參數(shù)，<center>看上去似乎多余了，然而事實(shí)上它確是常用的標(biāo)記之一，其簡(jiǎn)單易用，常用于文字上。

關(guān)鍵步驟 Key Steps

1.打開(kāi)Eclipse。

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

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

程序代碼 Codes

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>JSP通用范例大全</title>
</head>
<body>
<center>文字居中對(duì)齊</center>
<div align=left>文字布局<br>Hello World！</div>
<div align=center>文字布局<br>Hello World！</div>
<div align=right>文字布局<br>Hello World！</div>
</body>
</html>

范例1-10 列表

實(shí)例位置：光盤(pán)\ch01\1-10

范例說(shuō)明 About the Example

本范例介紹在網(wǎng)頁(yè)中如何使用幾種列表來(lái)豐富網(wǎng)頁(yè)。程序運(yùn)行效果如圖1-10所示。

圖1-10 列表的運(yùn)行效果圖

語(yǔ)法說(shuō)明 About the Expression

<ul></ul>標(biāo)記<li></li>標(biāo)記——無(wú)序列表由<ul>開(kāi)始，每個(gè)列表項(xiàng)由<li>開(kāi)始。

語(yǔ)法形式：<ul><li>列表內(nèi)容</ul>

<ol></ol>標(biāo)記<li></li>標(biāo)記——有序列表由<ol>開(kāi)始，每個(gè)列表項(xiàng)由<li>開(kāi)始。

語(yǔ)法形式：<ol><li>列表內(nèi)容</ol>

<dl></dl>標(biāo)記<dt>標(biāo)記<dd></dd>標(biāo)記——定義列表由<dl>開(kāi)始，術(shù)語(yǔ)由<dt>開(kāi)始，列表的內(nèi)容由<dd>開(kāi)始，<dd></dd>里的文字以縮進(jìn)形式顯示。

語(yǔ)法形式：<dl><dt>列表主題<dd>列表內(nèi)容</dd></dl>

關(guān)鍵步驟 Key Steps

1.打開(kāi)Eclipse。

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

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

程序代碼 Codes

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>JSP通用范例大全</title>
</head>
<body>
無(wú)序列表
<ul>
<li>Java</li>
<li>JSP</li>
</ul>
有序列表
<ol>
<li>Java</li>
<li>JSP</li>
</ol>
定義列表
<dl>
<dt>Java
<dd>Java程序</dd>
<dt>JSP
<dd>JSP網(wǎng)頁(yè)</dd>
</dl>
</body>
</html>

范例1-11 定制列表元素

實(shí)例位置：光盤(pán)\ch01\1-11

范例說(shuō)明 About the Example

本范例介紹定制列表中的標(biāo)記，有序列表表中的序號(hào)及有序列表表中的序號(hào)的起始值。程序運(yùn)行效果如圖1-11所示。

圖1-11 有序列表的運(yùn)行效果圖

語(yǔ)法說(shuō)明 About the Expression

1.無(wú)序列表中的type屬性——定制無(wú)序列表中的標(biāo)記

語(yǔ)法形式：<ul><li type = "#1">列表內(nèi)容</ul>

#1 = disc，circle，square。

2.有序列表中的type屬性——定制有序列表表中的序號(hào)

語(yǔ)法形式：<ol><li type = "#2">列表內(nèi)容</ol>——有序列表

#2 =A，a，I，i，1。

3.有序列表中的start屬性——定制有序列表表中的序號(hào)的起始值

語(yǔ)法形式：<ol start = "#3"><li>列表內(nèi)容</ol>——有序列表

#3 = 1，2，3，……

關(guān)鍵步驟 Key Steps

1.打開(kāi)Eclipse。

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

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

程序代碼 Codes

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>JSP通用范例大全</title>
</head>
<body>
無(wú)序列表
<ul>
<li type=disc>Java</li>
<li type=circle>JSP</li>
<li type=square>HTML</li>
</ul>
有序列表
<ol start=1>     <!-- start屬性默認(rèn)為1，可以不設(shè)置 -->
<li type=A>Java</li>
<li type=1>JSP</li>
<li type=I>HTML</li>
</ol>
</body>
</html>

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

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

1.3 文字布局

范例1-9 文字的分區(qū)顯示

范例1-10 列表

范例1-11 定制列表元素