实验一_html网页设计基础_第1页
实验一_html网页设计基础_第2页
实验一_html网页设计基础_第3页
实验一_html网页设计基础_第4页
已阅读5页，还剩7页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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

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

3、览器并且查看网页源代码;.利用开发者工具进行查看利用 ie 查看网页和源代码;.Ie 的开发者工具安装 notepad+;.完成实验内容实验代码：<html><head><title> 初恋这件小事 </title></head><body><h1>初恋这件小事</h1>.<h3>百科名片 </h3><img src="love.jpg" width="139" height="200" /><p&

4、gt;初恋这件小事初恋这小事.</p><h3>目录 </h3><ul><li> 影片简介 </li><li> 剧情简介 </li><li> 经典台词 </li><li> 影片歌曲插曲 </li><li> 影片歌词中文翻译</li></ul><h3>影片简介 </h3><p>初恋这件小事海报集（9 张） .</p><p>毫无疑问，暹罗之恋.</p>

5、</body></html>利用 Google 查看网页访问 W3CValidators 页面利用文件上传可直接输入验证网页文件;.;.;.拓展：安装XAMPP 文件并进行文件上传;.四 实验结果直接上传和直接输入的警告和错误原因：;.五 思考题1.HTML 网页中的 doctype 的作用是什么？如何指定HTML5 网页的 doctype？如何指定HTML4.01 Transitional 格式的网页。答：doctype 的作用是用来声明，网页的格式规范内容，使浏览器能过正确的呈现网页的内容。Html5 的 doctype 不需要引用 DTD 直接在第一行写<!

6、DOCTYPE html> 即可；而 HTML4.01 Transitional 需要引用 DTD ，因为因为 HTML 4.01 基于 SGML。DTD规定了标记语言的规则，这样浏览器才能正确地呈现内容。所以在第一行加入 2. 本课程目前所学过的元素 /标记中，哪些属于 block 元素？哪些属于 Inline 元素？答：像<h1></h1><form></form><div></div><ul><ul>.<ol></ol> 这些属于 block 元素像</br><font></font><img><sup>这样的属于 inline 元素3. 为什么 center和 font 等标记被废弃掉？如何实现center 和

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论