JSP实验1.docx
《JSP实验1.docx》由会员分享,可在线阅读,更多相关《JSP实验1.docx(33页珍藏版)》请在冰豆网上搜索。
![JSP实验1.docx](https://file1.bdocx.com/fileroot1/2022-12/11/5f70c31d-9394-40f1-92a1-96f03ba75989/5f70c31d-9394-40f1-92a1-96f03ba759891.gif)
JSP实验1
实验1:
静态页面设计实验
一、实验目的
1、掌握HTML的基本语法
2、掌握HTML的基本标签的写法
3、能够通过编写HTML来制作网页
二、实验要求
1、掌握HTML的基本语法和内容
2、使用网页编写工具(如简单的工具EditPlus)完成所要求的HTML页面的编写
3、上交实验报告电子文档(以班级、学号后两位、姓名依次出现组成的字符串标识文档,以班级为单位上交)。
三、实验内容
完成下列案例的编写(编写内容于截图的后面,并用文本框框住,示例如下),并在浏览器中进行测试。
1、编写标题
如下面实例,理解HTML中的标题标签,其中n为标题的等级,HTML总共提供六个等级的标题,n越小,标题字号就越大,以下列出所有等级的标题(其中n的取值为1到6)。
标题一号标题
二号标题
三号标题
四号标题
五号标题
六号标题
七号标题
这是一个普通的没有界定的文字!
2、使用换行标签
理解
的作用
登鹳雀楼登鹳雀楼白日依山尽,黄河入海流。
欲穷千里目,更上一层楼。
登鹳雀楼
白日依山尽,
黄河入海流。
欲穷千里目,
更上一层楼。
3、使用段落标签
段落标签登鹳雀楼
白日依山尽,
黄河入海流。
欲穷千里目,
更上一层楼。
4、使用水平线段标签
(1)线段粗细的设定
NewDocument这是第一条线段,无size设定,取向定值size=1来显示
这是第二条线段,size=5
这是第三条线段,size=10
(2)线段长度的设定
NewDocument这是第一条线段,无width设定,取向定值width默认100%来显示
这是第二条线段,width=50
这是第三条线段,width=50%
(3)线段排列的设定
NewDocument这是第一条线段,无align设定,(默认center显示)
这是第二条线段,向左对齐
这是第三条线段,向右对齐
(4)无阴影的设定
这是第一条线段,无noshade设定,取内定值阴影效果来显示
这是第二条线段,有noshade设定
5、文字的大小设置
字号大小这是size=7的字体
这是size=6的字体
这是size=5的字体
这是size=4的字体
这是size=3的字体
这是size=2的字体
这是size=1的字体
这是size=-1的字体
小问题:
当Size的设置超出范围的时候,例如设置成Size=10的情况下会出现什么问题?
size=7的字体大小与size=10的大小一致
6、文字的字体与样式
字体欢迎光临
欢迎光临
欢迎光临
欢迎光临
welcomemyhomepage
welcomemyhomepage