实验一HTML编程实践Word文件下载.docx
《实验一HTML编程实践Word文件下载.docx》由会员分享,可在线阅读,更多相关《实验一HTML编程实践Word文件下载.docx(12页珍藏版)》请在冰点文库上搜索。
<
head>
<
title>
标题<
/title>
/head>
body>
h1>
一号标题<
/h1>
h2>
二号标题<
/h2>
h3>
三号标题<
/h3>
h4>
四号标题<
/h4>
h5>
五号标题<
/h5>
h6>
六号标题<
/h6>
h7>
七号标题<
/h7>
br/>
这是一个普通的没有界定的文字!
/body>
/html>
2、使用换行标签<
理解<
的作用
无换行示例<
登鹳雀楼 白日依山尽,黄河入海流。
欲穷千里目,更上一层楼。
换行示例<
登鹳雀楼<
白日依山尽,<
黄河入海流。
欲穷千里目,<
更上一层楼。
3、使用段落标签<
p>
段落标签<
palign=“center”>
登鹳雀楼<
/p>
palign=“left”>
palign=“right”>
4、使用水平线段标签<
hr/>
(1)线段粗细的设定
线段粗细的设定<
这是第一条线段,无size设定,取内定值size=1来显示<
这是第二条线段,size=5<
hrsize=“5”/>
这是第三条线段,size=10<
hrsize=“10”/>
(2)线段长度的设定
线段长度的设定<
body
这是第一条线段,无width设定,取width默认值100%来显示<
hrsize=“3”/>
这是第二条线段,width=50(点数方式)<
br>
hrwidth=“50”size=“5”/>
这是第三条线段,width=50%(百分比方式)<
hrwidth=“50%”size=“7”/>
(3)线段排列的设定
线段排列的设定<
这是第一条线段,无align设定,(取默认值center显示)<
hrwidth=“50%”size=5/>
这是第二条线段,向左对齐<
hrwidth=“60%”size=“7”align=“left”/>
这是第三条线段,向右对齐<
hrwidth=“70%”size=“2”align=“right”/>
(4)无阴影的设定
无阴影的设定<
这是第一条线段,无noshade设定,取默认值阴影效果来显示<
hrwidth=“80%”size=“5”/>
这是第二条线段,有noshade设定<
hrwidth=“80%”size=“7”noshade/>
5、文字的大小设置
字号大小<
fontsize=“7”>
这是size=7的字体<
/font>
fontsize=“6”>
这是size=6的字体<
fontsize=“5”>
这是size=5的字体<
fontsize=“4”>
这是size=4的字体<
fontsize=《
《”>
这是size=3的字体<
fontsize=“2”>
这是size=2的字体<
fontsize=“1”>
这是size=1的字体<
fontsize=“-1”>
这是size=-1的字体<
小问题:
当Size的设置超出范围的时候,例如设置成Size=10的情况下会出现什么问题?
6、文字的字体与样式
字体<
center>
<
fontface="
楷体_gb2312"
>
欢迎光临<
宋体"
仿宋_gb2312"
黑体"
arial"
welcomemyhomepage.<
comicsansms"
/center>
7、文字的颜色
文字的颜色<
bodybgcolor=“#000080”>
fontcolor=“white”>
色彩斑斓的世界<
fontcolor=“red”>
fontcolor=“#00ffff”>
fontcolor=“#ffff00”>
fontcolor=“#ffffff”>
fontcolor=“#00ff00”>
fontcolor=“#c0c0c0”>
8、编写无序号列表
无序列表<
这是一个无序列表:
ul>
国际互联网提供的服务有:
<
li>
WWW服务<
/li>
<
文件传输服务<
<
电子邮件服务<
远程登录服务<
其它服务<
/ul>
9、编写序号列表
有序列表<
这是一个有序列表:
ol>
/ol>
10、编写定义性列表
自定义序号项目列表<
hrwidth="
100%"
height="
10"
noshade/>
dl>
dt>
学院介绍<
/dt>
dd>
河南中医学院信息技术学院,是一个...<
/dd>
成绩成绩<
我们曾经获得过很多奖励..<
师资力量<
目前学院共有专职教师X人…<
学生活动<
科学兴趣小组、导师制、文艺活动、体育队….<
/dl>
11、设置超级链接
超级链接<
这是一个HTTP链接<
ahref="
"
target="
_blank"
title="
江西农业大学欢迎您!
请访问江西农业大学网站<
/a>
五、实验思考题
1、HTML文件的基本格式是什么?
2、不同类型列表的区别?
六、常见故障分析
1、网页中出现HTML代码,是什么原因?