实验二 HTML语言应用
一、 实验目得:
、掌握HTL语言文档结构
、 了解基本得TM语言标记
3、掌握如何利用HL 语言编写静态网页
二、 实验要求
1、通过HTM语言应用练习掌握网页文件得基本结构
2、掌握利用常用得HTML 语言标记设计网页得方法
三、 相关知识点
1、 TL语言简介
HTML (Hyp e r e x M arkp angu e超文本标记语言)就是一种用来制作超文本文档得简单标记语言用HTM 编 得超文本文档称为HM文档它能独立于各种操作系统平台就是浏览器唯一可以处理得语言,任何一个动态网页技术所生成得结果页都就是TL语言文档,P、NET技术以不例外TML语言就是一系列用于格式化网页文本得标记所组成得浏览器会将这些标记转换成为对应得格式对文档中得文本进行格式化处理通常纯HT ML文档文件得扩展名为、 hml或、 htm
2、 TML语言文档结构
HTML语言文档通常由三对标记来构成一个HTL文档得结构它们就是:
<HTML〉
<A〉
头部信息
</HED
<OY〉
文档主体正文部分
〈/BODY>
</HTM
其中<TL〉在最外层表示这对标记间得内容就是H TM文档 〈HE A〉之间包括文档得头部信息如文档总标题等若不需头部信息则可省略此标记BDY〉标记表示正文内容得开始
、HT 语言得标记
常用HTM语言标记得含义见教材28页表2、 2所示
四、 实验内容
1、编一个静态网页显示某网站用户得基本信息,包括用户名性别年龄身份证号爱好职业,工作单位等信息以两列表格得形式显示程序运行效果如图所示
程序保存为 2-1、 aspx。
程序清单如下:
% Page g g”C" %>
<!DOCYP html PUBIC "-//3C//DTD XHTML 、 0 an itional EN” "”
〈scr t runat s vr”〉
/ cript
html xn=””〉
<ha r = se r >
〈t i >HTM语言应用/t t l e>
〈/head〉
<bod>
〈f m =”fom2 a"s er”〉
<di〉
<cen er><h> 〈b网站用户基本信息〈/b<h2/center>
< ab e orer="1” align=” nt >
tr〉
<td width= 1" lign"ceter >
〈fon si e= olor"00 f"〉用户名 </fon >
〈/t〉
td idth=”15” lin="cn er"
〈fnt s ze="3” color="#000f”〉张三/ nt〉
</t
/
〈tr>
〈 d width= 81" align="center”>
〈font siz =”" o or="#000ff >性别:<fn
/td>
<t width="175” align=”cnter >
< ont siz ="3" col =#000ff男/fnt
〈 t〉
<tr〉
<tr>
〈 idth=”8 " lin=”ente ">
f t siz ="3” c r=000ff 〉年龄 〈/ont>
〈/td>
d idt= 1 " alig=" et r
〈fon e=”" color”0000f">3 〈 font
/td>
〈/tr
〈tr
td widh”8 " lign=”center"〉
〈fnt size 3" col ="# 0ff身份证号 font><t>
< d width=”175” alin= center”〉
<font siz ="3" c or=0000ff"〉 23 127/font〉
〈/ >
/t >
<tr
〈td wi h”8 " alig”center
font siz =”3" col ="000ff">爱好: 〈/font
</ d〉
〈td width="175 alin= cen r
<font si e=” color=”000f”>体育、计算机〈 font>
〈/t〉
〈/tr〉
tr>
〈t widh=”8 " align="cent r >
〈font siz = 3" colo=”0 0ff"〉职业</fon >
/td
t w t”15" align="ceter
font size=”3" olor="#0000ff"〉学生〈/font>
〈/t〉
</r〉
〈tr〉
〈td ol pan= 2” a in= ce er"〉
<a href="s 2—2、 aspx”〉下一页/ 〉
/td
< r
/abl e〉
<r /
<br /〉
aque ire tion=” eft” scrlldelay= 0”>欢迎访问宜宾学院学生信息网站</marquee<b /〉
<div>
< orm
/ dy
〈 htl
[注] < ef”s t2-2、 spx ">下一页/〉 中得网页为下一个即将要做得实验网页。
2 s t2- 、 asx程序清单如下所示
〈 Pae Lan ge= 〉
DCTYPE hml PBLIC -/W3//DTD XH 、 0 Trans ti al//EN" ""> c ipt unat=” ve 〉
</ crip >
〈hml xmns="”〉
〈ead rna=” erer"〉
t i eHTML语言应用〈/t i t l
</he 〉
<b y>
<form id"for ” runat"serer”>
〈div
< ont siz = 5"〉最喜欢吃得水果/font〉
〈ol ype=”A
li苹果</li〉
<l >梨</l >
l 香蕉 i〉
<ol
br />
〈r /〉
〈a r ”st1—1、 asp”>返回〈/
</div>
/or〉
/body
/hml
点击“下一页"链接到st22、 apx将呈现如下页面:
3、将57页教材“上机实验题2"做在本次实验中。
五、 实验思考
1、HML页面得基本结构就是怎么样得?
2、简述如何利用HML 语言标记定义一个4 行4列得表格?
六、 课后设计作业(选做
、根据控件得使用方法做出如图所示得效果职业字段包含教育业、金融业、其她等选项并用代码实现对提交按钮得定义
2、 用控件实现上传文件得操作,将上述代码改写成上传文件到D:\uploa文件下
前几天还在和做外贸业务的网友聊着有哪些欧洲机房的云服务器、VPS商家值得选择的。其中介绍他选择的还是我们熟悉的Vultr VPS服务商,拥有比较多达到17个数据中心,这不今天在登录VULTR商家的时候看到消息又新增一个新的机房。这算是第18个数据中心,也是欧洲VPS主机,地区是瑞典斯德哥尔摩。如果我们有需要欧洲机房的朋友现在就可以看到开通的机房中有可以选择瑞典机房。目前欧洲已经有五个机房可以选择,...
华纳云双11钜惠出海:CN2海外物理服务器终身价688元/月,香港/美国机房,免费送20G DDos防御,50M CN2或100M国际带宽可选,(文内附带测评)华纳云作为一家专业的全球数据中心基础服务提供商,总部在香港,拥有香港政府颁发的商业登记证明,APNIC 和 ARIN 会员单位。主营香港服务器、美国服务器、香港/美国OpenStack云服务器、香港高防物理服务器、美国高防服务器、香港高防I...
数脉科技(shuhost)8月促销:香港独立服务器,自营BGP、CN2+BGP、阿里云线路,新客立减400港币/月,老用户按照优惠码减免!香港服务器带宽可选10Mbps、30Mbps、50Mbps、100Mbps带宽,支持中文本Windows、Linux等系统。官方网站:https://www.shuhost.com* 更大带宽可在选购时选择同样享受优惠。* 目前仅提供HKBGP、阿里云产品,香港...