軟件綜合實踐

上傳人：唯*** IP屬地：河北上傳時間：2024-10-25 格式：PDF 頁數(shù)：69 大小：10.30MB 積分：12 舉報 版權申訴

已閱讀5頁，還剩64頁未讀，繼續(xù)免費閱讀

版權說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權，請進行舉報或認領

文檔簡介

軟件綜合實踐

中國石油大學（華東）

計算機與通信工程學院

主講：劉建航張錫嶺

2010年7月

L-

L?一一.1.LLJL二

主要內(nèi)容

?靜態(tài)網(wǎng)頁基礎

?HTML超文本標記語言

?JavaScript

動態(tài)網(wǎng)站開發(fā)

?JSP

?數(shù)據(jù)庫

JSP(JavaserverPages)

■JSP的全稱是JavaserverPages,翻譯過來

可以稱為“基于Java的服務器端動態(tài)頁面技

術”。它由sunMicrosystems公司在1999年6

月推出，近年來已發(fā)展成為一種最流行的動

態(tài)網(wǎng)頁開發(fā)技術。

相關框架模型

■Struts+ibatis

■Struts+spring+hiberate

■tapestry-

Webservices

JSP高級程序員兼項目經(jīng)理（javaserverpage）/E京新鴻隹世紀網(wǎng)絡技術有限公司—職位接索_智聯(lián)招聘-MicrosoftInternetExplorer

件國）編輯（E）查看9收藏&）工具復）幫助國）

叵］修］》I/搜索收藏夾9，音回，《日

http://jobs-zhaopin.com/Pl/CCl476/4580/J900/000/CC147645808J90000005000.htm?DYWE=1212307370914.1797601215056270.1215091784.4轉到

申請職位

職位端法，要求:

職位揄述：

1.參加基于JAVA技術的商務網(wǎng)站的開發(fā)；

2.參與需求分析、系統(tǒng)架構設計、概要設計、詳細設計，并負責完成核心代碼；

3.根據(jù)開發(fā)規(guī)范與流程獨立完成模塊的設計、編碼、測試以及相關文檔；

4.指導開發(fā)，劃分任務，參與網(wǎng)站代碼測試；

5.編寫各類技術文檔；

6大型商務網(wǎng)站，及企業(yè)信息化產(chǎn)品的設計、開發(fā)與維護工作；

7本科學歷，計算機、數(shù)學或相關專業(yè)畢業(yè)；

8.精通基于Web的JAVA程序開發(fā)，精逋開發(fā)各環(huán)節(jié)，有3年以上網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗，具備深厚的煽程功底：

9.熟悉面向?qū)ο蟪绦蜷_發(fā)精通網(wǎng)站架構；

10.精通HTML、JavaScript、JSP、Servlet、Struts:

11.精通MSSQL2003,熟悉大型關系型數(shù)據(jù)庫oracle；

12.熟賽掌握web的應用開發(fā)，熟練使用hibernate、spring、struts架構，熟悉J2EE三層架構：

13.熟粽使用Apache、Tomcat高/配置，熟悉主流應用服務器Weblogic的配置及管理；

14要求有大型網(wǎng)站編程經(jīng)驗；

15.熟悉WEB2.0網(wǎng)站制作標準；

16.特別要求：具有較好的計劃性和條理性，編程風格規(guī)范、嚴謹，具備良好的溝通能力和語言表達能力，富于團隊

合作精神.

職位待遇：

1.薪金3000元-800。元/月：（稅后）

2.試用期L3個月，試用期過后簽訂國家規(guī)定的勞動合同.為員工提供必備的勞動保障；

3.團隊活動和工作午餐.

聯(lián)系方式：

聯(lián)系人：張小姐

E-MAIL：zhaHgping?）hongnkcon，

應用領域

商業(yè)網(wǎng)站/電子商務

■政府、企事業(yè)單位日常辦公系統(tǒng)

■政府、企事業(yè)單位財務軟件

政府、企事業(yè)單位信息化處理

手機數(shù)字化服務（3G業(yè)務）與游戲

行業(yè)定制需求

測井

曲線

4||r*一.?1*-j

■曲線回放

測井

曲線

導入進度

自定義深度及采樣值調(diào)整顯示比例

頂界深度『i底界深度橫坐標憧。I段坐標100確定

最小值］財值||T確定

—?■一

—~一一1—―—.一

r一個一■yrny=^^廠.廿口天

■信息管理系統(tǒng)

■生產(chǎn)預警系統(tǒng)

當前時間設置

C：，可變時間查詢至

(*)固定時間查詢當前詢V查詢

10月上旬產(chǎn)量運行情況

油井開井

利用率

各曠產(chǎn)量對比

井口產(chǎn)量

核實產(chǎn)量

2EO2

計劃產(chǎn)量

2C0J

月剩余水平

10月上旬各曠產(chǎn)量

開井數(shù)井口產(chǎn)量核實產(chǎn)量月乘！1余水平

二獷

三礦

一曠二十三礦四曠五十ET

五曠

產(chǎn)量查詢一r?/心，一弓

按采油方式按產(chǎn)量構成愈地質(zhì)區(qū)塊按行政單1立全廠

■預算編制

8中石化勝利油田分公司預算編制系統(tǒng)

系統(tǒng)用戶系統(tǒng)管理預篁基礎設置二級預篁編制專業(yè)部處審核財務預篁管理分公司預篁查詢窗口幫助

焉崗位謔）預篁條件查詢預篁套篁設置.預宜套篁查詢3預算基礎定額設置

■功能摸塊設置

匚LJ功能模塊A

-口系統(tǒng)管理模塊信息

D功能模塊設置

口費用要素設置

D二皴單位設置

nIA員崗住設置I

口系統(tǒng)用戶設置

D生產(chǎn)流程設置

口預苴部門設置

D二級單位用戶管理

口系統(tǒng)用戶查詢

-口預尊基礎設置

--.「--ry

二（二m二二I

HTML簡介

■HTML（HyperTextMarkupLanguage超文本

標記語言是一種用來制作超文本文檔的

簡單標記語言。用HTML編寫的超文本文

檔稱為HTML文檔，它能獨立于各種操作

系統(tǒng)平臺（如UNIX,WINDOWS等）。自

1990年以來HTML就一直被用作WorldWide

Web上的信息表示語言，用于描述

Homepage的格式設計和它與WWW上其它

Homepage的連結信息。

??????f~~?

一，?d.■4K,,??J?if.

HTML簡介

HTML語言是一種描述文檔結構的語言，而不

能描述實際的表現(xiàn)形式。HTML語言使用標簽

來指明文檔中的不同內(nèi)容。標簽是區(qū)分文本

各個組成部分的分界符，用來把HTML文檔劃

分成不同的邏輯部分（或結構），如段落、

標題和表格等。標簽描述了文檔的結構，它

向瀏覽器提供該文檔的格式化信息，以傳送

文檔的外觀特征。

HTML開發(fā)工具

■記事本

■寫字板

■UltraEdit/EditPlus等

FrontPageEditor、DreamWeaver等網(wǎng)頁編

輯工具

工作原理

■工作原理：基于B/S（瀏覽器/服務器）模式

例子

<HTML>

<HEAD>

〈TITLE,一個簡單的HTML示例v/TITLE>

</HEAD>

■<BODY>

<H3>歡迎光臨我的主頁v/H3>

<BR>

<HR>

<Ahref="h即://.crT>中國石油大學v/a>

<br>

<imgsrc="logo.jpg">

</BODY>

■</HTML>

HTML基本結構

一個HTML文件大體分為以下幾部分:

■<HTML>

<HEAD>

〈TITLE〉網(wǎng)頁標題〈/TITLE〉

</HEAD>

<BODY>

網(wǎng)頁的內(nèi)容

</BODY>

</HTML>

超文本中的標簽

（一）標簽概念

剛剛接觸超文本，遇到的最大的障礙就是一些用“V”和“>”括起

來的句子，我們稱它為標簽，是用來分割和標記文本的元素，以形成文

本的布局、文字的格式及五彩繽紛的畫面。

例：1、<html></html>

2、<hr>

2.雙標簽

■1.單標簽另一類標記稱為“雙標簽”，

它由“始標簽”和“尾標簽”

某些標記稱為“單標兩部分構成，必須成對使用，

簽”，因為它只需單獨使其中始標簽告訴Web瀏覽器

用就能完整地表達意思，從此處開始執(zhí)行該標記所表

這類標記的語法是：示的功能，而尾標簽告訴

〈標簽名稱〉Web瀏覽器在這里結束該功

能。主臺標簽前加一'個斜杠

(/)即成為尾標記。這類

如vBR>表示換行，僅僅用

vbr/>就行了，而木是使用標記的語法是：

<br></br>〈標簽〉內(nèi)容〈/標簽〉

如：

<TableXtr></trX/Tab

le>

換行標簽〈br>

在編寫HTML文件時，我們不必考慮太細的設置，也不必理會段落過

長的部分會被瀏覽器切掉。因為，在HTML語言規(guī)范里，每當瀏覽器窗口

被縮小時，瀏覽器會自動將右邊的文字轉折至下一行。所以，編寫者對

于自己需要斷行的地方，應加上〈br〉標簽。

<html>

<head>

<title>換行示例v/title>

</head>

<body>

白日依山盡，<br>黃河入海流。vbr>欲窮千里目，<br>更上一層樓。

</body>

</html>

（二）標簽屬性

■許多單標記和雙標記的始標記內(nèi)可以包含一些屬性，其語法

是：

<標簽名字屬性1屬性2屬性3…>

各屬性之間無先后次序，屬性也可省略（即取默認值）

如〈tableborder="1"width="800"id="table1"align="center"

bgcolor="#E3EFFF"></table>

文件之間的鏈接

超文本中的鏈接是其最重要的特性之一，使用者可以從一個

頁面直接跳轉到其他的頁面、圖象或者服務器。一個鏈接的

基本格式如下：

<AHREF="資源地址〉鏈接文字v/A>

?標簽<A>表示一個鏈接的開始，v/A>表示鏈接的結束；

?屬性“HREF”定義了這個鏈接所指的地方；

?通過點擊“鏈接文字”可以到達指定的文件。

<AHREF="”>中國石油大學

</A>

鏈接分為本地鏈接、URL鏈接和目錄鏈接。在各種鏈接的各

個要素中，資源地址是最重要的，一旦路徑上出現(xiàn)差錯，該

資源就無法從用戶端取得。

本地鏈接:

對同一臺機器上的不同文件進行的連接稱為本地鏈接，它

使用UNIX或DOS系統(tǒng)中文件路徑的表示方法，采用絕對路徑

或相對路徑來指示一個文件。

例如：我們現(xiàn)在正在瀏覽的這一頁的絕對路徑是：

c:\study\HTML教程\link01.htm

而這一頁相對于當前目錄即“HTML教程”的相對路徑是：

linkOl.htm

如果是瀏覽HTML教程之外的一頁，該文件路徑要以兩個圓點

(??)來表示上一層目錄：

internet/IP地址

本地鏈接:

現(xiàn)在我們把這幾種路徑的表示方法寫入鏈接中：

以絕對路徑表示：<AHREF=〃/c:\study\HTML教程

\link01.htm〃>文件的鏈接〈/A>

以相對路徑表示：<AHREF二〃linkOLhtm〃>文件的鏈接〈/A>

鏈接上一目錄中的文件:<AHREF=〃.../Internet/IP地址

〃>IP地址〈/A>

一般情況下，我們是不用絕對路徑的，因為我們的資源常

常是放在網(wǎng)上供其他人瀏覽的，寫成絕對路徑，當我們把整

個目錄中的所有文件移植到服務器上時，帶有C:\的資源地

址用戶將無法訪問到。所以我們最好寫成相對路徑，避免了

重新修改文件資源路徑的麻煩

URL鏈接

如果鏈接的文件在其它服務器上，我們就要弄清我們所指向的文件時采

用的哪一種URL地址。URL意思是統(tǒng)一資源定位器，通過它可以以多種

通訊協(xié)議于外界溝通來存取信息。

URL鏈接的形式是:協(xié)議名：〃主機.域名/路徑/文件名

其中協(xié)議包括：

file本地系統(tǒng)文件

httpWWW服務器

ftpftp服務器

telnet基于TELNET的協(xié)議

mailto電子郵件

newsUsenet新聞組

gopherGOPHER服務器

waisWAIS服務器

URL鏈接

例如，我們這樣來表達一個URL地址：

telnet:〃.cs

寫在HTML文件中，鏈接其他主機上的文件時，格式如下：

<AHREF="/default.htm">IZ|=J

國山西之窗v/A>

<A141^^胃6||16七//帥53€2[131?€111911”>西北網(wǎng)絡中心

兵馬俑站v/A>

插入圖形

超文本之所以在很短的時間內(nèi)如此廣泛的受到人們的青睞，很重要的

一個原因時它能支持多媒體的特性，如圖象、聲音、動畫等。這一部分,

我們先來學習在一個頁面中如何插入圖象。

基本格式

超文本支持的圖象格式一般有XBitmap(XBM)、GIF、JPEG三種，所以

我們對圖片處理后要保存為這三種格式中的任何一種，這樣才可以在瀏

覽器中看到。

插入圖象的標簽是vlMG>,其格式為：

<IMGSRC="圖形文件地址'

SRC屬性指明了所要鏈接的圖象文件地址，這個圖形文件可以是本地機

器上的圖形，也可以是位于遠端主機上的圖形。地址的表示方法可以沿

用上一篇內(nèi)容“文件的鏈接”中URL地址表示方法。

例：<IMGSRC="images/ball.gif">

IMG還有兩個屬性是HEIGHT和WIDTH,分別表示圖形的高和寬。通

過這兩個屬性，可以改變圖形的大小，如果沒有設置，圖形按原大顯示:

圖形按鈕:

■圖形按鈕就是使用者通過在圖形上單擊，就能連接到某個地

址上去。很簡單，我們只要調(diào)用一下前面的知識就可以完成

了。其基本格式如下：

<AHREF="資源地址，〈IMGSRC="圖形文件地址，v/A>

例：

<AHREF^'index.htm^xIMASRC="html.gif"></A>

播放音樂

■HTML除了可以插入圖形之外，還可以播放音樂和視頻等。

用瀏覽器可以播放的音樂格式有：MIDI音樂、WAV音樂、

AU格式。另外在利用網(wǎng)絡下載的各種音樂格式中，MP3是

壓縮率最高，音質(zhì)最好的文件格式。

<AHREF="音樂地址/樂曲名<12

例如：播放一段MIDI音樂：

<AHREF="midi.mid”>MID喑樂v/A>

自動載入音樂

■前面，我們是借助鏈接來實現(xiàn)網(wǎng)上播放音樂這一功

能的，我們還可以讓音樂自動載入，你可以讓它出

現(xiàn)控制面板或當背景音樂來使用。基本語法：

<EMBEDSRC="音樂文件地址'

SRC=MFILENAMEM設定音樂文件的路徑

AUTOSTART=TRUE/F是否要首樂文件傳送完就自動播放，TRUE是要，

ALSEFALSE是不要，默認為FALSE

設定播放重復次數(shù)，LOOP-6表示重復6次，TRUE

LOOP=TRUE/FALSE

表示無限次播放，F(xiàn)ALSE播放次即停止。

設定樂曲的開始播放時間，如20秒后播放寫為

STARTIME=”分:秒”

STARTIME=00:20

設定日量的大小。如果沒設定的話，就用系統(tǒng)的音

VOLUME=0-100

量。

WIDTHHEIGHT設定控制面板的大小

HIDDEN=TRUE隱藏控制面板

例:

<html>

<head>

<Utle>播放音樂〈/title〉

</head>

<body>

<EMBEDSRC="midi.mid"autostart=truehidden=trueloop=true>

作為背景音樂來播放。

</body>

</html>

<html>

<head>

<Utle>播放音樂〈/title〉

</head>

<body>

<EMBEDSRC="midi.mid"loop=truewidth=145height=60>

<P>出現(xiàn)控制面板了，你可以控制它的開與關，還可以調(diào)節(jié)音量的

大小。</P>

</body>

</html>33

IE中的背景音樂

另外，還有一種插入背景音樂格式，不過只有在IE瀏覽器中才可以聽到。

<bgsoundsrc二”音樂文件地址"loop=#>

#二循環(huán)數(shù)

例：

<bgsoundsrc="sound.wav"loop=3>

播放視頻

用瀏覽器可以播放的格式有：MOV格式、AVI格式。

鏈接一個視頻文件

將視頻文件做成一個鏈接的方法：

<AHREF="視頻地址”〉視頻名稱v/A>

例如：播放一段視頻：

<AHREF=uwelcome.avi,,>WINDOWSxp</A>

自動載入視頻

與音樂的播放一樣，我們可以使用EMBED標簽播放視頻,

<EMBEDSRC="視頻文件地址“〉

SRC="FILENAME"設定文件的路徑

AUTOSTART=TR是否要文件傳送完就自動播放，TRUE是要，F(xiàn)ALSE是不要，

UE/FALSE默認為FALSE

LOOP=TRUE/FAL設定播放重復次數(shù)，L00P=6表示重復6次，TRUE表示無限

SE次播放，F(xiàn)ALSE播放一次即停止。

STARTIMEF分渺”設定開始播放時間，如20秒后播放寫為STARTIME=00:20

VOLUME=0-100設定音量的大小。如果沒設定的話，就用系統(tǒng)的音量。

WIDTHHEIGHT設定控制面板的大小

例:

<html>

<head>

〈title,播放視頻v/title>

</head>

<body>

<B><fontsize=4>播放視頻WINDOWS95〈/font>v/B>

<P>

<EMBEDSRC="welcome.avi"autostart=falseloop=false

width=350height=250>

</P>

</body>

</html>

表格的基本結構

<table>...</table>定義表格

<tr>定義表行

<th>定義表頭

<td>定義表元（表格的具體數(shù)據(jù)）

以下是一個簡單的例子:

<tableborder=l>

<tr>

<th〉姓名〈/th〉

<th>性別〈/th〉

<th〉年齡〈/th〉

</tr>

<tr>

<td〉男</td>

</tr>

</table>窗體底端

表格尺寸設置

表格的大小

一般情況下，表格的總長度和總寬度是根據(jù)各行和各列

的總和自動調(diào)整的，如果我們要直接固定表格的大小，可以

使用下列方式：

<tablewidth=nlheight=n2>

width和height屬性分別指定表格一個固定的寬度和長度，

nl和n2可以用像素來表示，也可以用百分比（與整個屏幕相

」的大小比例）乘表不。

下表是一個長為200像素，寬為100像素的表格。

<tablewidth=〃200〃height=〃100〃>

下表是一個長為屏幕的20%,寬為屏幕的10%的表格。

<tablewidth=20%height=10%>

邊框尺寸設置

邊框是用border屬性來體現(xiàn)的，它表示表格的邊框邊厚度和

框線。將border設成不同的值，有不同的效果。

如：

<tableborder=10width=250>

vtr>〈th>蘋果v/th>〈th>香蕉v/th>vth>葡萄v/th>v/tr>

vtr>vtd>200公斤v/td>vtd>200公斤v/td>vtd>100公斤

</td></tr>

</table>

格間線寬度

格與格之間的線為格間線，它的寬度可以使用〈TABLE〉中

的CELLSPACING屬性加以調(diào)節(jié)。格式是：

<TABLECELLSPACING=#>#表示要取用的像素

值

例：

<tableborder=3cellspacing=5>

vtr>vth>蘋果v/th>vth>香蕉v/th>vth>葡萄

</th></tr>vtr>vtd>200公斤v/td>vtd>200公斤

v/td>vtd>100公斤</td></tr>

</table>

內(nèi)容與格線之間的寬度

我們還可以在〈TABLE,中設置CELLPADDING屬性，用來

規(guī)定內(nèi)容與格線之間的寬度。格式為：

<TABLECELLPADDING=#>

#表示要取用的像素值

例：

<tableborder=3cellpadding=5>

vtr>vth>蘋果v/th>vth>香蕉v/th>vth>葡萄v/th>v/tr>

vtr>vtd>200公斤v/td>vtd>200公斤v/td>vtd>100公斤

</td></tr>

</table>

表格中數(shù)據(jù)的排列方式有兩種，分別是左右排列和上下排列。

左右排列是以ALIGN屬性來設置，而上下排列則由VALIGN

屬性來設置。其中左右排列的位置可分為三種：居左(left)、

居右(right)和居中(center)；而上下排列基本上比較常用的肴

四種：上界(top)、居中(middle)、下齊(bottom)和基線

(baseline)o

<tralign=#>

<thalign=#>#=left,center,right

<tdalign=#>

<trvalign=#>

<thvalign=#>#=top,middle,bottom,baseline

<tdvalign=#>

■左右排列■上下排列

<tableborder=1width="200"><tableborder=1width="250"

<tr>heith="100">

vth>居左v/th>vth>居中v/th>vth>居<tr>

右v/th>vth>上齊v/th>〈th>居中</th>

<tdalign=left>A</td><td

<tr>

align=center>B</td><td

align=right>C</td><tdvalign=top>A</td><td

</table>valign=middle>B</td><td

valign=bottom>C</td><td

valign=baseline>D</td>

</table>

跨多行、多列的表元

要創(chuàng)建跨多行、多列的表元，只需在<TH>或<TD>中力口入

ROWSPAN或COLSPAN屬性，這兩個屬性的值，表明了表

元中要跨越的行或列的個數(shù)。

跨多歹U的表元<thcolspan=#><tdcolspan=#>

colspan表示跨越的列藪，例如colspan=2表示這一格的寬度

為兩個列的寬度。

跨多行的表元<throwspan=#><tdrowspan=#>

rowspan所要表示的意義是指跨越的行數(shù)，例如rowspan=2

就表示這一格跨越表格兩個行的高度

表格的顏色

在表格中，既可以對整個表格填入底色，也可以對任何一行、

一個表元使用背景色。

表格的背景色彩<tablebgcolor=#>

行的背景色彩<trbgcolor=#>

表元的背景色彩<thbgcolor二#>或<tdbgcolor=#>

#=rrggbb16進制RGB數(shù)碼，或者是下列預定義色彩名稱:

Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,

Fuchsia,White,Green,Purple,Silver,Yellow,Aqua

<html>

<head>

</head>

<tableborder=2bgcolor=aqua>

<tr>

<thbgcolor=ffaaOO>彩電v/th><thbgcolor=Red>冰箱v/th><th

rowspan=2>家電v/th>

</tr>

<trbgcolor=yellow>

</tr>

</table>

</body>

</html>

七、表單

■交互式最常用的組件，需要編程實現(xiàn)

<formaction^url"method=*>

<inputtype=submit><inputtype=reset>

</form>

*=GET,POST

表單中提供給用戶的輸入形式

<inputtype=*name=**>

*=text,password,checkbox,radio,image,hidden,submit,reset

**=SymbolicNameforCGIscript

?文字輸入

<inputtype=textvalue=**>

?密碼輸入

<inputtype=passwordvalue=**>

?復選框(Checkbox)

<inputtype=checkbox>

<inputtype=checkboxchecked>

<inputtype=checkboxvalue=**>

?單選til(RadioButtoii)

<inputtype=radiovalue=**>

<inputtype=radiovalue=**checked>

?隱藏表單的元素

<inputtype=hiddenvalue=*>

?歹U表框(SelectableMenu)

<selectname=*>or<selectsize=**multiple>

<option>...

</select>

?文本區(qū)域

<textareaname=*rows=**cols=**>...<textarea>

<textareawrap=off>...</textarea>

<textareawrap=soft>...</textarea>

滾動條

■<marquee></marquee>

■<marqueealign=HleftHbehavior=MscroHH

bgcolor=n#FFFFOOHdirection=HupH

height=H300Hwidth=u400Hhspace=H50H

HHHH

vspace=20loop=-1scrollamount二“10”

scrolldelay='100”

>這是一個完整的例子

</marquee>

?水平線段＜HR＞

這個標簽可以在屏幕上顯示一條水平線，用以分割頁面中

的不同部分。

■〈HR＞有四個屬性：

size水平線的寬度

width水平線的長，用占屏幕寬度的百分比或象素值

來表示

align水平線的對齊方式，有LEFTRIGHTCENTER三

種

noshade線段無陰影屬性，為實心線段

例：

,<HRSIZE=3ALIGN-LEFTWIDTH=“75%”>

1.其中SIZE屬性定義線的粗細，屬性值取整數(shù)，缺為1；

ALIGN屬性表示對齊方式，可取LEFT（左對齊，缺省值），

CENTER（居中），RIGHT（右對齊）；

WIDTH屬性定義線的長度，可取相對值，（由一對〃〃號

括起來的百分數(shù)，表示相對于充滿整個窗口的百分比），

也可取絕對值（用整數(shù)表示的屏幕像素點的個數(shù)，如

WIDTH=300）,缺省值是〃100%〃。

■線段粗細的設定-線段長度的設定

<HTML>

<HEAD>〈TITLE〉線段長度的設定

〈TITLE,線段粗細的設定

</TITLE></TITLE>

</HEAD></HEAD>

<HRSIZE=3>

<HRSIZE=5><HRWIDTH=50%SIZE=7>

<HRSIZE=10></BODY>

</BODY>

</HTML></HTML>

段落標簽VP＞

為了排列的整齊、清晰，文字段落之間，我們常用VP＞V/P＞來做標

記。文件段落的開始由VP＞來標記，段落的結束由v/P＞來標記，V/P＞是

可以省略的，因為下一個vp＞的開始就意味著上一個vp＞的結束。

vp＞標簽還有一個屬性ALING,它用來指名字符顯示時的對齊方式,

一般值有CENTER、LEFT、RIGHT三種。

F面，我們用兩個例子來說明這個標簽的用法。

〈title〉段落標簽v/title>〈title〉段落標簽〈/title〉

</head>

<PALIGN=CENTER〉<body>

浣溪沙<P>一曲新詞酒一杯,登鸛雀樓白日依山

去年天氣舊亭臺，夕陽西下幾<P>

時向。vp>無可奈何花落去，盡，vbr>黃河入海流。

似曾相識燕歸來。小園香徑幾vbr>欲窮千里目，<br>

徘徊。</p>

</body>更上一層樓。</P>

</html></body>

</html>

一個包含了三個標簽（<p>、<br>、<hr>）的例子

-線段無陰影的設定

<HTML>

<HEAD>

〈TITLE,無陰影的設定〈/TITLE〉

</HEAD>

<BODY>

vP>這是第一條線段，無NOSHADE設定，取內(nèi)定值陰影效果來顯示

<BR>

<HRWIDTH=80%SIZE=5>

<P>這是第二條線段，有NOSHADE設定<BR>

<HRWIDTH=80%SIZE=7ALIGN=LEFTNOSHADE>

</BODY>

</HTML>

標題

一般文章都有標題、副標題、章和節(jié)等結構，HTML中也提

供了相應的標題標簽〈Hn>,其中n為標題的等HTML總共提供六

個等級的標題，n越小，標題字號就越大，以下列出所有等

級的標題：

<H1>..</H1>第一級標題

<H2>..</H2>第二級標題

<H3>..</H3>第三級標題

<H4>..</H4>第四級標題

<H5>..</H5>第五級標題

<H6>..</H6>第六級標題

例子

字

普

文

這

是

彳

通

亍>

顏

標

VH1>級<P>1

一>

</H

標

H2級

V>二2>

?<</H

標

級

H3三3>

V>?<</H

標

級

H4四4>

V>?<</H

級

標

vH5>五5>

?<</H>

級

六

<H6標6

>?<</H

個標題的字體為黑體字，內(nèi)容文字前后都插入空行。

文字

文字大小設置

提供設置字號大小的是FONT,FONT有一個屬性

SIZE,通過指定SIZE屬性就能設置字號大小，而

SIZE屬性的有效值范圍為1—7,其中缺省值為3。我

們可以SIZE屬性值之前加上“+”、“一”字符，

來指定相對于字號初始值的增量或減量。

例:

<html>

<head>

〈title〉字號大小〈/title〉

</head>

<body>

<fontsize=7>這是size=7的字體v/font>〈P>

<fontsize=6>這是size=6的字體v/font>〈P>

<fontsize=5>這是size=5的字體v/font>〈P>

<fontsize=4>這是size=4的字體v/font>〈P>

<fontsize=3>這是size=3的字體v/font>〈P>

<fontsize=2>這是size=2的字體v/font>〈P>

<fontsize=1>這是size=1的字體v/font>〈P>

<fontsize=-1>這是size=-1的字體v/font>〈P>

</body>

</html>

HTML提供了定義字體的功能，用FACE屬性來完成這個工作。FACE的屬

性值可以是本機上的任可以的希林劉明房中出林耨糕飯卬窩過底的電

腦中裝有相同的字體才

<fon

人人文庫> 全部分類> 教育資料 > 輔導培訓

溫馨提示

1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
6. 下載文件中如有侵權或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

軟件綜合實踐

文檔簡介

溫馨提示

最新文檔

評論