實驗二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)，請進行舉報或認領(lǐng)

文檔簡介

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

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

3、之間包括文檔的頭部信息，如文檔總標題等，若不需頭部信息則可省略此標記 <BODY>標記表示正文內(nèi)容的開始3.HTML 語言的標記 常用HTML 語言標記的含義見教材28頁表2.2 所示四、 實驗內(nèi)容：1.編 一個靜態(tài)網(wǎng)頁顯示某網(wǎng)站用戶的基本信息，包括用戶名，性別，年齡，身份證號，愛好，職業(yè)，工作單位等，信息以兩列表格的形式顯示，程序運行效果如圖所示 程序保存為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">體育、計算機</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">學生</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">歡迎訪問宜賓學院學生信息網(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)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論