教育信息技术与传媒学院
Institute of Educational Information Technology and Communication
Web教育平台开发实验报告学号 101405619 姓名陈芳专业信息技术班级本科班日期 2013年3月11号
实验名称实验一 HTML
实验目的1. 掌握网页的基本HTML结构。
2. 熟悉常用HTML标记的使用方法。
实验内容1、基本HTML结构
<html>
<head>
<title>念奴娇赤壁怀古</title>
</head>
<body bgcolor="#FFFF99">
<h1 align="center">念奴娇赤壁怀古</h1>
<p font size="+3" face="楷体">
<ul>
<li><font color="#00FF00">大江东去，浪淘尽，千古风流人物。
故垒西边，人道是、三国周郎赤壁。
乱石穿空，惊涛拍岸，卷起千堆雪。
江山如画，一时多少豪杰
</font></li>
</ul>
<p>
<ul>
<li><font color="#00FF00">遥想公谨当年，小乔初嫁了，雄姿英发。
羽扇纶巾，谈笑间、强虏灰飞烟灭。
故国神游，多情应笑我，早生华发。
人间如梦，一尊还酹江月。
</font></li>
</ul>
</body>
</html>
2、标记的使用
（1）<Body Bgcolor=”red”>设置背景颜色
<Body text=”red”>设置文本颜色
<Body link=”red”>设置超链接颜色
<Body vlink=”red”>设置已使用的超链接的颜色
（2）输入标题
标题标记<Hn>,其中n为标题的等级，共分为6个等级的标题，n越小，标题字号就越大。
<H1>一级标题</H1>
（3）划分段落
<p></p>标记用来创建一个段落。
Align属性（对齐方式）值为
left（左对齐） center（居中） right（右对齐）
例如： <p align=”center”></p>
（4）<Br>回车换行
当在<p></p>标记对间行与行之间的距离比较小，在标记对外择行与行间距离较大。
（5）插入图片
<Img Src=”picname”>
图片链接 <A Href=”URL”><Img Src=”picname”></A>
（6）创建外部链接
结构：超链接标记<A></A>、属性Href及其值、显示在网页
上作为链接的文字。
格式：<A Href=”URL”>显示的文字</A>
1、链接目标位于HTML文档所在文件夹的子文件夹中，使用
相对路径地址来指向该目标：
<A Href=”bbs\login.html”>登录</A>
2、使用绝对路径来指向目标：
<A Href=”/c:\my\login.html”>登录</A>
总
结
经
验
教师评语
日期：2013 年3月11 日。