HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)_第1頁(yè)
HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)_第2頁(yè)
HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)_第3頁(yè)
HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)_第4頁(yè)
HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)_第5頁(yè)
已閱讀5頁(yè)，還剩12頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第二講HTML基礎(chǔ)（一）

6課時(shí)(270分鐘)HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第1頁(yè)!本課目標(biāo)１．熟悉并掌握文本標(biāo)記結(jié)構(gòu)化標(biāo)記２．熟悉并掌握結(jié)構(gòu)化標(biāo)記

知識(shí)

１．培養(yǎng)學(xué)生掌握在網(wǎng)頁(yè)中使用超鏈接的方法２．學(xué)會(huì)掌握在網(wǎng)頁(yè)中表格的設(shè)計(jì)及較復(fù)雜表格設(shè)計(jì)的方法

技能HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第2頁(yè)!上網(wǎng)時(shí)，在地址欄中輸入的網(wǎng)站的地址，稱之為URL（UniformResourceLocator，統(tǒng)一資源定位符）。就像每家每戶都有一個(gè)門牌號(hào)一樣，每個(gè)網(wǎng)頁(yè)都有一個(gè)Internet地址。 當(dāng)在瀏覽器的地址欄中輸入一個(gè)URL或是單擊一個(gè)超級(jí)鏈接時(shí)，URL就確定了要瀏覽的地址。瀏覽器通過(guò)超文本傳輸協(xié)議（HTTP，HypertextTransferProtocol），將Web服務(wù)器上站點(diǎn)的網(wǎng)頁(yè)代碼提取出來(lái)，并翻譯成漂亮的網(wǎng)頁(yè)。1.網(wǎng)頁(yè)的工作機(jī)制HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第3頁(yè)!對(duì)于JSP網(wǎng)頁(yè)，JSP文件在Tomcat服務(wù)器中編譯時(shí)，服務(wù)器內(nèi)部究竟做了些什么呢？或者說(shuō)JSP網(wǎng)頁(yè)的執(zhí)行過(guò)程是怎樣的？ 當(dāng)客戶端向服務(wù)器發(fā)出請(qǐng)求時(shí)，JSP服務(wù)器（如Tomcat）就會(huì)將響應(yīng)的JSP文件轉(zhuǎn)換成一個(gè)Servlet，服務(wù)器在轉(zhuǎn)換時(shí)，如果發(fā)現(xiàn)jsp文件有錯(cuò)誤，這種轉(zhuǎn)換過(guò)程就會(huì)停止，并向?yàn)g覽器發(fā)出錯(cuò)誤信息。如果沒(méi)有錯(cuò)誤，則編譯轉(zhuǎn)換得到Servlet代碼，并加載到內(nèi)存中，最后將結(jié)果返回到客戶端（瀏覽器）。由于JSP程序在次執(zhí)行后，會(huì)被編譯成Servlet的類文件，之后這個(gè)Servlet會(huì)常駐于內(nèi)存，所以次執(zhí)行jsp文件時(shí)速度相對(duì)較慢，而以后的響應(yīng)速度都是比較快的。1.網(wǎng)頁(yè)的工作機(jī)制HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第4頁(yè)!1.網(wǎng)頁(yè)的工作機(jī)制HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第5頁(yè)!其中，<html>…</html>、<head>…</head>、<body>…</body>都是標(biāo)記，標(biāo)記由一對(duì)尖括號(hào)及其標(biāo)記符組成，沒(méi)有反斜杠“/”的是開(kāi)始標(biāo)記，有反斜杠的是結(jié)束標(biāo)記。每個(gè)HTML文件是以<html>標(biāo)記開(kāi)頭，而以</html>標(biāo)記結(jié)束。見(jiàn)sample1.htmlHTML語(yǔ)言簡(jiǎn)介HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第6頁(yè)!設(shè)置字體： <fontface=?size=?color=?>…</font>其他字體標(biāo)記： <b>加粗</b> <i>斜體</i> <u>下劃線</u> <s>刪除線</s> <em>傾斜</em> <strong>加強(qiáng)顯示</strong> <fontface="楷體_GB2312"size="5"><big>放大顯示</big></font> <fontface="楷體_GB2312"size="5"><small>縮小顯示</small></font>例見(jiàn)sample3.html、sample4.htmlHTML語(yǔ)言簡(jiǎn)介HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第7頁(yè)!５、其他標(biāo)記超文本鏈接標(biāo)記：<ahref="">…</a>圖像標(biāo)記：<IMG>…</IMG>該標(biāo)記有以下幾個(gè)屬性：src和dynsrc:分別表示圖像文件和視頻文件的地址（URL）。height、width:分別表示插入的圖像的高度和寬度。vspace、hspace:分別表示插入的圖像上下、左右空白區(qū)域的大小。align:表示插入的圖像與周圍文字的對(duì)齊。border:指定插入的圖像的邊框?qū)挾?。例?jiàn)sample9.html、sample10.htmlHTML語(yǔ)言簡(jiǎn)介HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第8頁(yè)!<th>…</th>標(biāo)記:表頭標(biāo)記 它有align、background、colspan、rowspan、valign等屬性。<tr>…</tr>標(biāo)記:行標(biāo)記 它表示表格的一行，具有align、background、colspan、rowspan、valign等屬性。<td>…</td>標(biāo)記:單元格標(biāo)記，或者列標(biāo)記 每一行中有若干個(gè)單元格。它具有align、background、colspan、rowspan、valign等屬性。HTML語(yǔ)言簡(jiǎn)介HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第9頁(yè)!本課小結(jié)

1、超鏈接標(biāo)記的使用

2、表格標(biāo)記的使用

HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第10頁(yè)!1.網(wǎng)頁(yè)的工作機(jī)制HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第11頁(yè)!1、注釋HTML注釋的格式如下：<!--ment-->2、HTML文本的基本結(jié)構(gòu)<html><head> …</head><body> …</body></html>HTML語(yǔ)言簡(jiǎn)介HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第12頁(yè)!3、文字格式標(biāo)記設(shè)置標(biāo)題：一共有6種格式的標(biāo)題，它們顯示的是不同大小的標(biāo)題文字。實(shí)例“sample2.html”的腳本如下：<html> <head> <title>標(biāo)題標(biāo)記</title> </head> <body> <h1>標(biāo)題1</h1> <h2>標(biāo)題2</h2> <h3>標(biāo)題3</h3> <h4>標(biāo)題4</h4> <h5>標(biāo)題5</h5> <h6>標(biāo)題6</h6> </body></html>HTML語(yǔ)言簡(jiǎn)介HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第13頁(yè)!4、文字版面標(biāo)記(例見(jiàn)sample5.html)換行標(biāo)記：<br>段落標(biāo)記：<p>…</p>對(duì)齊標(biāo)記： <center>居中對(duì)齊</center> <palign="left">居左對(duì)齊</p> <palign="right">居右對(duì)齊</p>HTML語(yǔ)言簡(jiǎn)介HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第14頁(yè)!６、創(chuàng)建表格 表格是由行和列組成，用來(lái)顯示多條數(shù)據(jù)，它包括標(biāo)題、表頭、行、單元格等部分。<table>…</table>：表格標(biāo)記表示整個(gè)表格。width="75%"表示表格占整個(gè)頁(yè)面寬度的75%。border="1"表示表格的邊框?yàn)?像素。align="center"表示表格居中對(duì)齊。cellpadding="2"表示單元格的大小。cellspacing="0"表示單元格之間沒(méi)有間隙。bgcolor="#CCCCCC"屬性指定表格的背景顏色。<caption>…</caption>標(biāo)記:標(biāo)題標(biāo)記 用來(lái)設(shè)置表格的標(biāo)題，它可以使用align、valign等屬性。HTML語(yǔ)言簡(jiǎn)介HTML基礎(chǔ)一-JSP動(dòng)態(tài)網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)共17頁(yè)，您現(xiàn)在瀏覽的是第15頁(yè)!表格的作用并不限于顯示多行數(shù)據(jù)，在實(shí)際的網(wǎng)頁(yè)制作中，常常使用表格來(lái)格式化頁(yè)面，在頁(yè)面中創(chuàng)建一個(gè)表格，設(shè)定無(wú)邊框等屬性，使用戶表面上看起來(lái)好像沒(méi)有表格，我們用該表格將頁(yè)面劃分為

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論