实验一html网页设计基础.docx

1、实验一html网页设计基础淮海工学院计算工程学院实验报告书课程名： Web应用开发技术 题 目： 实验1 HTML网页设计基础 班 级： 学 号： 姓 名： 评语：成绩： 指导教师： 批阅时间： 年 月 日实验1 HTML网页设计基础一 实验目的了解Web设计和Web应用程序开发所需的开发工具的安装与设置理解URL的结构和HTTP协议的基本工作原理掌握发布网页的常用方法二 实验内容和要求实验内容：1.安装Google Chrome浏览器，并使用Google Chrome浏览器和IE浏览器查看网页（如http:/210.28.32.167/）的源代码，然后使用浏览器开发者工具熟悉HTTP协议的工

2、作原理；2.安装Notepad+编辑器并使用Notepad+编辑器完成教材“1.5上机实验”一节的实验内容；3.访问W3CValidators页面对步骤2中的网页使用上传文件和直接输入的方式进行验证，分析产生错误的原因并更正！实验扩展：4.安装/设置XAMPP软件包，并测试安装是否成功；发布上面步骤中创建的网页即素材文件到本地Apache服务器上，并进行验证。实验要求：1.所有参与实验同学独立完成“实验内容”部分，并记录实验步骤和结果填写在“实验步骤”、“实验结果”相应部分；2.学有余力的同学可尝试完成“实验扩展”部分；3.所有参与实验同学均需参阅资料，完成实验报告“思考题”部分内容。三 实验

3、步骤安装Chrome浏览器并且查看网页源代码 利用开发者工具进行查看利用ie查看网页和源代码Ie的开发者工具安装notepad+ 完成实验内容实验代码： 初恋这件小事 初恋这件小事 百科名片 初恋这件小事初恋这小事. 目录 影片简介 剧情简介 经典台词 影片歌曲插曲 影片歌词中文翻译 影片简介 初恋这件小事海报集（9张）. 毫无疑问，暹罗之恋.利用Google查看网页访问W3CValidators页面利用文件上传可直接输入验证网页文件拓展：安装XAMPP文件并进行文件上传四 实验结果直接上传和直接输入的警告和错误原因：五 思考题1.HTML网页中的doctype的作用是什么？如何指定HTML5

4、网页的doctype？如何指定HTML4.01 Transitional格式的网页。答：doctype的作用是用来声明，网页的格式规范内容，使浏览器能过正确的呈现网页的内容。Html5的doctype不需要引用DTD直接在第一行写即可；而HTML4.01 Transitional需要引用DTD，因为因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。所以在第一行加入2.本课程目前所学过的元素/标记中，哪些属于block元素？哪些属于Inline元素？答：像这些属于block元素像这样的属于inline元素3.为什么center和font等标记被废弃掉？如何实现center和font等标记所起的作用？答：因为他们的用途纯粹是用来展示画面服务的，可以用css来代替这些标签4.访问w3school网站，浏览其中有关HTML的参考资源，查阅有关“全局属性”的文档。