文档介绍：实验一-html网页设计基础
淮海工学院计算工程学院
实验报告书
课程名： Web应用开发技术
题 目： 实验1 HTML网页设计基础
班 级：
学 号：
姓 名：
评语：
成绩： 指导教师：
批阅时间： 年 月 日
实验1 HTML网页设计基础
一 实验目的
了解Web设计和Web应用程序开发所需的开发工具的安装与设置
理解URL的结构和HTTP协议的基本工作原理
掌握发布网页的常用方法
二 实验内容和要求
实验内容：
++编辑器并使用Notepad++编辑器完成教材“”一节的实验内容；
，分析产生错误的原因并更正！
实验扩展：
，并测试安装是否成功；发布上面步骤中创建的网页即素材文件到本地Apache服务器上，并进行验证。
实验要求：
“实验内容”部分，并记录实验步骤和结果填写在“实验步骤”、“实验结果”相应部分；
“实验扩展”部分；
，完成实验报告“思考题”部分内容。
三 实验步骤
安装Chrome浏览器并且查看网页源代码 利用开发者工具进行查看
利用ie查看网页和源代码
Ie的开发者工具
安装notepad++
完成实验内容
实验代码：
<html>
<head>
<title>初恋这件小事</title>
</head>
<body>
<h1>初恋这件小事</h1>
<h3>百科名片</h3>
<img src="" width="139" height="200" />
<p>初恋这件小事《初恋这小事》.....</p>
<h3>目录</h3>
<ul>
<li>影片简介</li>
<li>剧情简介</li>
<li>经典台词</li>
<li>影片歌曲插曲</li>
<li>影片歌词中文翻译</li>
</ul>
<h3>影片简介</h3>
<p>《初恋这件小事》海报集（9张）......</p>
<p>毫无疑问，《暹罗之恋......》</p>
</body>
</html>
利用Google查看网页
访问W3CValidators页面利用文件上传可直接输入验证网页文件