语言实验二HTML语言应用上课讲义

html语言  时间:2021-02-28  阅读:()

实验二 HTML语言应用

实验二HTML语言应用

一、实验目的

1.掌握HTML语言文档结构

2.了解基本的HTML语言标记

3.掌握如何利用HTML语言编写静态网页

二、 实验要求

1.通过HTML语言应用练习掌握网页文件的基本结构

2.掌握利用常用的HTML语言标记设计网页的方法

三、 相关知识点

1.HTML语言简介

HTML HyperText Markup Lan guage超文本标记语言是一种用来制作超文本文档的简单标记语言用HTML编的超文本文档称为HTML文档它能独立于各种操作系统平台是浏览器唯一可以处理的语言任何一个动态网页技术所生成的结果页都是HTML语言文档 ASP.NET技术以不例外HTML语言是一系列用于格式化网页文本的标记所组成的浏览器会将这些标记转换成为对应的格式对文档中的文本进行格式化处理 通常纯HTML文档文件的扩展名为.html或.htm

2. HTML语言文档结构

HTML语言文档通常由三对标记来构成一个HTML文档的结构它们是

<HTML>

<HEAD>

头部信息v/H EAD>

<BODY>

文档主体正文部分

</BODY>

</HTML>

其中<HTML>在最外层表示这对标记间的内容是HTML文档<HEAD>之间包括

文档的头部信息如文档总标题等若不需头部信息则可省略此标记<BODY>标记表示正文内容的开始

3. HTML语言的标记

常用HTML语言标记的含义见教材28页表2.2所示

四、实验内容

1•编一个静态网页显示某网站用户的基本信息包括用户名性别年龄身份证号爱好职业工作单位等信息以两列表格的形式显示程序运行效果如图所示

欢迎访问宜宾寧院学生信息网站网站用户基本信息

程序保存为st2-1.aspx。

程序清单如下

<%@Page Language="C#"%>

<!DOCTYPEhtml PUBLIC"-//W3C//DTDXHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional .dtd">vscript runat="server">

</script>vhtml xmlns="http://www.w3.org/1999/xhtml">vhead runat="server">vtitle>HTM语言应用</title>

</head>

<body>vform id="form2" runat="server">

<div>

<center><h2><b>网站用户基本信息</b></ h2></center><table border="1"align="center"><td width ="81"al ign="center">

<font size="3"color="#0000ff">用户名 </font>

</td

<td width ="175"al ign="center">

<font size="3"color="#OOOOff">张三</ font

</td

</ tr>

<tr>

<td width ="81"al ign="center">

<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 ign="center">

<font size="3"color="#0000ff"> 年龄 </ font

</ td>

<td width ="175"al ign="center">

<font size="3"color="#0000ff"> 23</ font>

</ td>

</ tr

<tr

<td width ="81"al ign="center">

<font size="3"color="#0000ff"> 身份证号 </ font>

</ td>

<td width ="175"al ign="center">

<font size="3"color="#0000ff"> 230105199501 1 1 1237</font>

</ td>

</ tr

<tr>

<tr>

<td width ="81"al ign="center">

<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="center">

<font size="3"color="#0000ff">职业v/font>

</td>

<td width="175"align="center">

<font size="3"color="#0000ff">学生</font>

</ td>

</ tr>

<tr>

<td colspan="2"align="center">

<a href="st2-2.aspx">下一页</a>

</ td>

</ tr>

</ table>

<br />

<br />

<marquee direction="left"scrol ldelay="200">欢迎访问宜宾学院学生信息网站 </marquee><br />

</div>

</ fo r m>

</body〉

</html>

注a href="st2-2.aspx"下一页/a中的网页为下一个即将要做的实验网页。

2.st2-2.aspx程序清单如下所示

<%@Page Language="C#"%>

<!DOCTYPEhtml PUBLIC"-//W3C//DTDXHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional .dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<ti tle>HTM语言应用</ti tle></head>

<body>

<form id="form1" runat="server"><div>

<font size="5">最喜欢吃的水果</font><ol type="A">

<li>苹果</ li>

<li>梨</ li>

<li>香焦</li>v/ol>

<br />

<hr />

<a href="st1-1.aspx">返回</a>v/div>

</ fo r m>

</body〉

</html>

点击“下一页”链接至St2-2.aspx将呈现如下页面

最喜欢吃的水果

A.苹果 3.将57页教材“上机实验题2”做在本次实验中。

五、实验思考

1.HTML页面的基本结构是怎么样的

仮回 2.简述如何利用HTML语言标记定义一个4行4列的表格?

六、课后设计作业(选做)

1 、根据控件的使用方法做出如图所示的效果职业字段包含教育业、金融业、其他等选项并用代码实现对提交按钮的定义

=J|hnp?//iocalho5t;Zl f 3/Websitel/DefaultTaspM-f*ilcro5Dft, Internet l-Hplorer -JO I文讐归)Sti45(E) ^-5(v>收朋如 工貝ID 帮助l巴

《JJn)H▼点》▼离|韵 KMT收凍探O|

七也tlt(凶|~

蘇国

2、用控件实现上传文件的操作将上述代码改写成上传文件到下 D:\upload文件

百纵科技(1399元/月)香港CN2站群232IP

湖南百纵科技有限公司是一家具有ISP ICP 电信增值许可证的正规公司,多年不断转型探索现已颇具规模,公司成立于2009年 通过多年经营积累目前已独具一格,公司主要经营有国内高防服务器,香港服务器,美国服务器,站群服务器,东南亚服务器租用,国内香港美国云服务器,以及全球专线业务!活动方案:主营:1、美国CN2云服务器,美国VPS,美国高防云主机,美国独立服务器,美国站群服务器,美国母机。2、香港C...

PacificRack 端午节再来一款年付$38 VPS主机 2核4GB内存1TB流量

这不端午节和大家一样回家休息几天,也没有照顾网站的更新。今天又出去忙一天没有时间更新,这里简单搜集看看是不是有一些商家促销活动,因为我看到电商平台各种推送活动今天又开始一波,所以说现在的各种促销让人真的很累。比如在前面我们也有看到PacificRack 商家发布过年中活动,这不在端午节(昨天)又发布一款闪购活动,有些朋友姑且较多是端午节活动,刚才有看到活动还在的,如果有需要的朋友可以看看。第一、端...

月神科技 国内上新成都高防 全场八折促销续费同价!

月神科技是由江西月神科技有限公司运营的一家自营云产品的IDC服务商,提供香港安畅、香港沙田、美国CERA、成都电信等机房资源,月神科技有自己的用户群和拥有创宇认证,并且也有电商企业将业务架设在月神科技的平台上。本次带来的是全场八折促销,续费同价。并且上新了国内成都高防服务器,单机100G集群1.2T真实防御,上层屏蔽UDP,可定制CC策略。非常适合网站用户。官方网站:https://www.ysi...

html语言为你推荐
google竞价排名谷歌竞价排名现在是显示在什么位置?ghostxp3ghost xp sp3 和 windows xp3有啥区别1433端口怎么去看1433端口显卡温度多少正常显卡温度多少正常镜像文件是什么什么是文件镜像?什么是镜像文件?创维云电视功能谁能具体介绍一下创维云电视的主要功能,以及基本的使用方式,如果能分型号介绍就更好了,O(∩_∩)O谢谢安装迅雷看看播放器怎样安装迅雷看看播放器电子商务网站模板电子商务网站策划书什么是云平台谁能简单说一下什么是云平台啊?网站优化方案网站优化方案应该从哪些方面去分析?
美国网站空间 美国服务器租用 我的世界服务器租用 香港机房 l5639 私服服务器 koss 美国php空间 国外php空间 qingyun 双拼域名 ntfs格式分区 adroit 服务器托管什么意思 重庆双线服务器托管 鲁诺 彩虹云 带宽租赁 全能空间 睿云 更多