ASP框架语言-HTML(一).doc

实验指导第二章 ASP框架语言-HTML(一)一、实验目的了解HTML语言结构，掌握HTML非正文标记、正文标记、特殊标记，理解HTML交互技术。二、实验内容HTML语言结构HTML非正文标记HTML正文标记HTML特殊标记三、实验步骤【2-1】一个典型而简单的HTML例子first.htm如下： Hello world 这是一个一级标题 我是蓝色，10号字体 【2-2】综合应用实例实例题 这里是HTML中非正文标记的综合应用【2-3】标题字体不同的标题字体清平调李白云想衣裳花想容,春风拂槛露华浓。若非群玉山头见,会向瑶台月下逢。【2-4】 这是清平调诗，以牡丹花比贵妃的美艳。(加段落标记)首句以云霞比衣服，以花比容貌；二句写花受春风露华润泽，犹如妃子受君主宠幸；三句以仙女比贵妃；四句以嫦娥比贵妃。(加换行标记)这样反复作比，塑造了艳丽有如牡丹的美人形象。【2-5-1】 清平调诗共有三首，是 李白 在长安为翰林时所作。有一次，唐明皇与杨贵妃在沉香亭观赏牡丹， 因命李白作新乐章， 李白奉旨作了三章。【2-5-2】 清平调诗共有三首，是 李白 在长安为翰林时所作。有一次，唐明皇与杨贵妃在沉香亭观赏牡丹， 因命李白作新乐章， 李白奉旨作了三章。【例2-6】插入水平线。第一条水平线，厚度为5个像素。第二条水平线，厚度为200个像素，对齐方式为左对齐。第三条水平线，为实心线，厚度为10个像素。第二章ASP框架语言-HTML(二)一、实验目的学习使用列表标记、字体的设置、表格设置、表单设置、框架设置等。理解HTML交互技术。二、实验内容HTML语言结构HTML非正文标记HTML正文标记HTML特殊标记三、实验步骤【2-7】列表有序列表： 第一章 第二章无序列表： 第一章 第二章 定义列表： 第一章 说明：第一章为自学内容，请认真学习 第二章 说明：第二章为授课内容，请提前做好预习在浏览器中的输出效果如下图所示：【2-8】字体格式化的综合应用对清平调的评论诗人采用云、花、露、玉山、瑶台、月色，一色素淡字眼，赞美贵妃的丰满姿容，却不露痕迹。【2-9】表格的使用成绩表姓名政治英语张三85分92分李四78分85分成绩表姓名政治英语张三85分92分李四78分85分【2-10】表单的综合应用请填写如下个人信息： 姓 名： 性 别：男女出生年月：所在城市：北京天津长沙个人爱好：看书打球看电视泡网吧个人简介: 注释：在程序中设置的男、女单选域名均为 r1 ，其作用就是避免在网页中两者都可选。【2-11】将浏览器窗口一分为三。1.htm文件显示区3.htm文件显示区2.htm文件显示区【2-12】当用户在表单的文本框中输入文本并按下“提交”按钮时，将弹出一个窗口，提示用户刚才填写的内容，代码如下： New Document 四、附加上机练习设置一个带标题、带作者信息的网页文件。按要求设计一个网页，其内容为：念奴娇 赤壁怀古大江东去，浪淘尽，千古风流人物。故垒西边，人道是、三国周郎赤壁。乱石穿空，惊涛拍岸，卷起千堆雪。江山如画，一时多少豪杰。遥想公谨当年，小乔初嫁了，雄姿英发。羽扇纶巾，谈笑间、强虏灰飞烟灭。故国神游，多情应笑我，早生华发。人间如梦，一尊还酹江月。要求一：标题“念奴娇 赤壁怀古”设置为标题1号字号，居中显示。要求二：文章字体为“楷体”，字号为“+3”，字体颜色为“#00FF00”，网页背景颜色为“#FFFF99”。要求三：将每段设置成无序列表形式。编写一个带有表单的页面，表单内容如下：要求指明用于处理表单的文件为：11.asp，处理方式为：POST。编写111.asp文件，文件内容为：用ASP中的response.write语句输