JSP实验1文档格式.docx

JSP实验1文档格式.docx

《JSP实验1文档格式.docx》由会员分享，可在线阅读，更多相关《JSP实验1文档格式.docx（33页珍藏版）》请在冰豆网上搜索。

h3>

三号标题<

/h3>

h4>

四号标题<

/h4>

h5>

五号标题<

/h5>

h6>

六号标题<

/h6>

h7>

七号标题<

/h7>

这是一个普通的没有界定的文字！

2、使用换行标签<

br/>

理解<

的作用

登鹳雀楼<

登鹳雀楼白日依山尽，黄河入海流。

欲穷千里目，更上一层楼。

登鹳雀楼<

白日依山尽，<

黄河入海流。

欲穷千里目，<

更上一层楼。

3、使用段落标签<

p>

段落标签<

pre>

登鹳雀楼

白日依山尽，

欲穷千里目，

更上一层楼。

/pre>

4、使用水平线段标签<

hr/>

（1）线段粗细的设定

NewDocument<

这是第一条线段，无size设定，取向定值size=1来显示

bsize=1>

hr>

/b>

这是第二条线段，size=5

hrsize=5/>

这是第三条线段，size=10

hrsize=10/>

（2）线段长度的设定

这是第一条线段，无width设定，取向定值width默认100%来显示

bwidth=100%>

这是第二条线段，width=50

hrwidth=50/>

这是第三条线段，width=50%

hrwidth=50%/>

（3）线段排列的设定

这是第一条线段，无align设定，（默认center显示）

hrwidth=50%size=5>

这是第二条线段，向左对齐

hrwidth=50%size=5align=left>

这是第三条线段，向右对齐

hrwidth=50%size=5align=right>

（4）无阴影的设定

这是第一条线段，无noshade设定，取内定值阴影效果来显示

hrwidth=60%size=3>

这是第二条线段，有noshade设定

hrwidth=60%size=3noshade>

5、文字的大小设置

字号大小<

fontsize="

7"

>

这是size=7的字体<

/font>

br>

6"

这是size=6的字体<

5"

这是size=5的字体<

4"

这是size=4的字体<

3"

这是size=3的字体<

2"

这是size=2的字体<

1"

这是size=1的字体<

-1"

这是size=-1的字体<

小问题：

当Size的设置超出范围的时候，例如设置成Size=10的情况下会出现什么问题？

size=7的字体大小与size=10的大小一致

6、文字的字体与样式

字体<

palign="

center"

欢迎光临<

/p>

welcomemyhomepage<

>

fontsize=1>

7、文字的颜色

文字颜色<

bodybgcolor="

blue"

fontcolor="

#FF0000"

色彩斑斓的世界<

fontalign="

color="

#00FF00"

#00FFFF"

#FFFFFF"

#C0C0C0"

8、编写无序号列表

无序列表<

这是一个无序列表:

国际互联网提供的服务有:

ul>

li>

www服务<

/li>

文件传输服务<

电子邮件服务<

远程登录服务<

其他服务<

/ul>

9、编写序号列表

有序列表<

ol>

/ol>

10、编写定义性列表

自定义序号项目列表<

hrsize=1/>

dl>

dt>

学院介绍<

/dt>

dd>

计算机与电子信息学院,是一个.....<

/dd>

成绩情况<

我们曾经获得过很多奖励...<

师资力量<

目前学院共有专职教师X人...<

学生活动<

科学兴趣小组,导师制,文艺活动,体育队...<

/dl>

11、编写表格

表格<

tableborder="

tr>

td>

b>

姓名<

/td>

性别<

年龄<

/tr>

万玲<

女<

25<

/table>

12、设置表格的标题

caption>

旅游日程<

/caption>

日期<

9-11<

11-13<

13-14<

旅游地点<

青岛<

黄山<

杭州<

13、设置表格尺寸

（1）设置表格边框尺寸

表格尺寸<

10"

订货单<

苹果<

香蕉<

葡萄<

200公斤<

100公斤<

table>

（2）设置格间线宽度

cellspacing="

（3）设置内容与格线之间的宽度

cellpadding="

14、定义表格内文字的对齐/布局方式

（1）左右排列

表格内文字的对齐/布局方式<

tdalign="

居左<

居中<

居右<

left"

a<

b<

right"

c<

（2）上下排列

跨多行的表元<

width="

500"

height="

200"

tralign="

td>

上齐<

下齐<

基线<

tdvalign="

top"

bottom"

d<

3

15、设置跨多行、多列的表元

（1）跨多列的表元

跨多列的表元<

colspan="

值班人员<

星期一<

星期二<

星期三<

李强<

张明<

王平<

在此案例中，如果不使用Colspan，会发生什么样的情况？

（2）跨多行的表元

rowspan="

16、设置表格的颜色

表格的颜色<

tablebgcolor="

border="

tdbgcolor="

#D2691E"

50px"

彩电<

Black"

tdrowspan="

家电<

#FFD700"

align="

17、设置超级链接

设置超级链接<

ahref="

D:

\文档\JSP\186-14301.jpg"

这是一个本地连接<

/a>

\文档\JSP\费玉清-一剪梅.mp3"

费玉清-一剪梅.mp3<

18、表单设计

志愿者注册<

formaction="

\文档\JSP\EditPlus3文件\0000.html"

method="

post"

enctype="

text/plain"

tablealign="

0"

志愿者注册<

姓名：

inputtype="

text"

name="

name"

size="

30"

email：

mail"

性别:

男

radio"

checked="

checked"

Sex"

value="

male"

/>

女

female"

会何种语言:

checkbox"

language"

English"

英语

French"

法语

Russian"

俄语

German"

德语

注册地区:

selectname="

city"

optionvalue="

上海"

上海<

/option>

北京"

北京<

天津"

天津<

重庆"

重庆<

/select>

p>

个人简介:

textarearows="

cols="

/textarea>

submit"

发送"

reset"

重置"

/form>

四、实验思考题

1、HTML文件的基本格式是什么？

2、不同类型列表的区别？

无序列表:

是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于<

标签。

每个列表项始于<

。

有序列表:

也是一列项目，列表项目使用数字进行标记。

有序列表始于<

自定义列表:

不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以<

标签开始。

每个自定义列表项以<

开始。

每个自定义列表项的定义以<

3、如何设置一个边框为1px的表格?