实验二 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文件下
justhost怎么样?justhost服务器好不好?JustHost是一家成立于2006年的俄罗斯服务器提供商,支持支付宝付款,服务器价格便宜,200Mbps大带宽不限流量,支持免费更换5次IP,支持控制面板自由切换机房,目前JustHost有俄罗斯6个机房可以自由切换选择,最重要的还是价格真的特别便宜,最低只需要87卢布/月,约8.5元/月起!总体来说,性价比很高,性价比不错,有需要的朋友可以...
阿里云国际版注册认证教程-免绑卡-免实名买服务器安全、便宜、可靠、良心,支持人民币充值,提供代理折扣简介SunthyCloud成立于2015年,是阿里云国际版正规战略级渠道商,也是阿里云国际版最大的分销商,专业为全球企业客户提供阿里云国际版开户注册、认证、充值等服务,通过SunthyCloud开通阿里云国际版只需要一个邮箱,不需要PayPal信用卡就可以帮你开通、充值、新购、续费阿里云国际版,服务...
厦门靠谱云股份有限公司 双十一到了,站长我就给介绍一家折扣力度名列前茅的云厂商——萤光云。1H2G2M的高防50G云服务器,依照他们的规则叠加优惠,可以做到12元/月。更大配置和带宽的价格,也在一般云厂商中脱颖而出,性价比超高。官网:www.lightnode.cn叠加优惠:全区季付55折+满100-50各个配置价格表:地域配置双十一优惠价说明福州(带50G防御)/上海/北京1H2G2M12元/月...