實驗二HTML語言應(yīng)用_第1頁
實驗二HTML語言應(yīng)用_第2頁
實驗二HTML語言應(yīng)用_第3頁
實驗二HTML語言應(yīng)用_第4頁
實驗二HTML語言應(yīng)用_第5頁
全文預(yù)覽已結(jié)束

下載本文檔

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

文檔簡介

1、實驗二 HTML語言應(yīng)用一、 實驗?zāi)康模?.掌握HTML 語言文檔結(jié)構(gòu) 2.了解基本的HTML 語言標(biāo)記 3.掌握如何利用HTML 語言編寫靜態(tài)網(wǎng)頁二、 實驗要求 1.通過HTML 語言應(yīng)用練習(xí)，掌握網(wǎng)頁文件的基本結(jié)構(gòu) 2.掌握利用常用的HTML 語言標(biāo)記設(shè)計網(wǎng)頁的方法 三、 相關(guān)知識點 1.HTML 語言簡介 HTML （Hyper Text Markup Language 超文本標(biāo)記語言）是一種用來制作超文本文檔的簡單標(biāo)記語言 用HTML 編 的超文本文檔稱為HTML 文檔，它能獨(dú)立于各種操作系統(tǒng)平臺，是瀏覽器唯一可以處理的語言，任何一個動態(tài)網(wǎng)頁技術(shù)所生成的結(jié)果頁，都是HTML 語言文檔，

2、ASP.NET技術(shù)以不例外 HTML 語言是一系列用于格式化網(wǎng)頁文本的標(biāo)記所組成的，瀏覽器會將這些標(biāo)記轉(zhuǎn)換成為對應(yīng)的格式對文檔中的文本進(jìn)行格式化處理 通常純HTML 文檔文件的擴(kuò)展名為.html或.htm 2.HTML 語言文檔結(jié)構(gòu) HTML 語言文檔通常由三對標(biāo)記來構(gòu)成一個HTML 文檔的結(jié)構(gòu)，它們是： <HTML> <HEAD> 頭部信息 </HEAD> <BODY> 文檔主體，正文部分 </BODY> </HTML> 其中<HTML>在最外層，表示這對標(biāo)記間的內(nèi)容是HTML 文檔 <HEAD>

3、之間包括文檔的頭部信息，如文檔總標(biāo)題等，若不需頭部信息則可省略此標(biāo)記 <BODY>標(biāo)記表示正文內(nèi)容的開始3.HTML 語言的標(biāo)記 常用HTML 語言標(biāo)記的含義見教材28頁表2.2 所示四、 實驗內(nèi)容：1.編 一個靜態(tài)網(wǎng)頁顯示某網(wǎng)站用戶的基本信息，包括用戶名，性別，年齡，身份證號，愛好，職業(yè)，工作單位等，信息以兩列表格的形式顯示，程序運(yùn)行效果如圖所示 程序保存為st2-1.aspx。 程序清單如下： <% Page Language="C#" %><!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Tr

4、ansitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script runat="server"></script><html xmlns="/1999/xhtml"><head runat="server"> <title>HTML語言應(yīng)用</title></head><body>

5、 <form id="form2" runat="server"> <div> <center><h2><b>網(wǎng)站用戶基本信息</b></h2></center> <table border="1" align="center"> <tr> <td width="81" align="center"> <font size="3&

6、quot; color="#0000ff">用戶名：</font> </td> <td width="175" align="center"> <font size="3" color="#0000ff">張三</font> </td> </tr> <tr> <td width="81" align="center"> <font siz

7、e="3" color="#0000ff">性別：</font> </td> <td width="175" align="center"> <font size="3" color="#0000ff">男</font> </td> </tr> <tr> <td width="81" align="center"> <

8、font size="3" color="#0000ff">年齡：</font> </td> <td width="175" align="center"> <font size="3" color="#0000ff">23</font> </td> </tr> <tr> <td width="81" align="center"

9、> <font size="3" color="#0000ff">身份證號：</font> </td> <td width="175" align="center"> <font size="3" color="#0000ff"></font> </td> </tr> <tr> <td width="81" align="cen

10、ter"> <font size="3" color="#0000ff">愛好：</font> </td> <td width="175" align="center"> <font size="3" color="#0000ff">體育、計算機(jī)</font> </td> </tr> <tr> <td width="81" al

11、ign="center"> <font size="3" color="#0000ff">職業(yè)</font> </td> <td width="175" align="center"> <font size="3" color="#0000ff">學(xué)生</font> </td> </tr> <tr> <td colspan="2

12、" align="center"> <a href="st2-2.aspx">下一頁</a> </td> </tr> </table> <br /> <br /> <marquee direction="left" scrolldelay="200">歡迎訪問宜賓學(xué)院學(xué)生信息網(wǎng)站</marquee><br /> </div> </form></body

13、></html> 注 <a href=" st2-2.aspx ">下一頁</a> 中的網(wǎng)頁為下一個即將要做的實驗網(wǎng)頁。2st2-2.aspx程序清單如下所示<% Page Language="C#" %><!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><scr

14、ipt runat="server"></script><html xmlns="/1999/xhtml"><head runat="server"> <title>HTML語言應(yīng)用</title></head><body> <form id="form1" runat="server"> <div> <font size="5">最喜歡吃的水果</font> <ol type="A"> <li>蘋果</li> <li>梨</li> <li>香蕉</li> </ol> <br /> <hr /> <a href="st1-1.aspx">返回</a> </div> </form></body>

溫馨提示

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

評論

0/150

提交評論