实验二HTML语言应用_第1页
实验二HTML语言应用_第2页
实验二HTML语言应用_第3页
实验二HTML语言应用_第4页
实验二HTML语言应用_第5页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、实验二 HTML语言应用一、 实验目的:1.掌握HTML 语言文档结构 2.了解基本的HTML 语言标记 3.掌握如何利用HTML 语言编写静态网页二、 实验要求 1.通过HTML 语言应用练习,掌握网页文件的基本结构 2.掌握利用常用的HTML 语言标记设计网页的方法 三、 相关知识点 1.HTML 语言简介 HTML (Hyper Text Markup Language 超文本标记语言)是一种用来制作超文本文档的简单标记语言 用HTML 编 的超文本文档称为HTML 文档,它能独立于各种操作系统平台,是浏览器唯一可以处理的语言,任何一个动态网页技术所生成的结果页,都是HTML 语言文档,

2、ASP.NET技术以不例外 HTML 语言是一系列用于格式化网页文本的标记所组成的,浏览器会将这些标记转换成为对应的格式对文档中的文本进行格式化处理 通常纯HTML 文档文件的扩展名为.html或.htm 2.HTML 语言文档结构 HTML 语言文档通常由三对标记来构成一个HTML 文档的结构,它们是: <HTML> <HEAD> 头部信息 </HEAD> <BODY> 文档主体,正文部分 </BODY> </HTML> 其中<HTML>在最外层,表示这对标记间的内容是HTML 文档 <HEAD>

3、之间包括文档的头部信息,如文档总标题等,若不需头部信息则可省略此标记 <BODY>标记表示正文内容的开始3.HTML 语言的标记 常用HTML 语言标记的含义见教材28页表2.2 所示四、 实验内容:1.编 一个静态网页显示某网站用户的基本信息,包括用户名,性别,年龄,身份证号,爱好,职业,工作单位等,信息以两列表格的形式显示,程序运行效果如图所示 程序保存为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语言应用</title></head><body>

5、 <form id="form2" runat="server"> <div> <center><h2><b>网站用户基本信息</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">职业</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">欢迎访问宜宾学院学生信息网站</marquee><br /> </div> </form></body

13、></html> 注 <a href=" st2-2.aspx ">下一页</a> 中的网页为下一个即将要做的实验网页。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语言应用</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. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论