预览加载中，请您耐心等待几秒...

实验一-html网页设计基础.pdf

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共14页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

实验一-html网页设计基础--精品----淮海工学院计算工程学院实验报告书课程名：Web应用开发技术题目：实验1HTML网页设计基础班级：学号：姓名：评语：成绩：指导教师：批阅时间：年月日--精品实验一-html网页设计基础--实验一-html网页设计基础--精品----实验1HTML网页设计基础一实验目的了解Web设计和Web应用程序开发所需的开发工具的安装与设置理解URL的结构和HTTP协议的基本工作原理掌握发布网页的常用方法二实验内容和要求实验内容：1.安装GoogleChrome浏览器，并使用GoogleChrome浏览器和IE浏览器查看网页（如http://210.28.32.167/）的源代码，然后使用浏览器开发者工具熟悉HTTP协议的工作原理；2.安装Notepad++编辑器并使用Notepad++编辑器完成教材“1.5上机实验”一节的实验内容；3.访问W3CValidators页面对步骤2中的网页使用上传文件和直接输入的方式进行验证，分析产生错误的原因并更正！实验扩展：4.安装/设置XAMPP软件包，并测试安装是否成功；发布上面步骤中创建的网页即素材文件到本地Apache服务器上，并进行验证。实验要求：1.所有参与实验同学独立完成“实验内容”部分，并记录实验步骤和结果填写在“实验步骤”、“实验结果”相应部分；2.学有余力的同学可尝试完成“实验扩展”部分；3.所有参与实验同学均需参阅资料，完成实验报告“思考题”部分内容。三实验步骤--精品实验一-html网页设计基础--实验一-html网页设计基础--精品----安装Chrome浏览器并且查看网页源代码利用开发者工具进行查看利用ie查看网页和源代码--精品实验一-html网页设计基础--实验一-html网页设计基础--精品----Ie的开发者工具--精品实验一-html网页设计基础--实验一-html网页设计基础--精品----安装notepad++完成实验内容--精品实验一-html网页设计基础--实验一-html网页设计基础--精品----实验代码：<html><head><title>初恋这件小事</title></head><body><h1>初恋这件小事</h1><h3>百科名片</h3><imgsrc="love.jpg"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网页设计基础--实验一-html网页设计基础--精品----</html>利用Google查看网页访问W3CValidators页面利用文件上传可直接输入验证网页文件--精品实验一-html网页设计基础--实验一-html网页设计基础--精品------精品实验一-html网页设计基础--实验一-html网页设计基础--精品------精品实验一-html网页设计基础--实验一-html网页设计基础--精品----拓展：安装XAMPP文件并进行文件上传--精品实验一-html网页设计基础--实验一-html网页设计基础--精品----四实验结果直接上传和直接输入的警告和错误原因：--精品实验一-html网页设计基础--实验一-html网页设计基础--精品----五思考题1.HTML网页中的doctype的作用是什么？如何指定HTML5网页的doctype？如何指定HTML4.01Transitional格式的网页。答：doctype的作用是用来声明，网页的格式规范内容，使浏览器能过正确的呈现网页的内容。Html5的doctype不需要引用DTD直接在第一行写<!DOCTYPEhtml>即可；而HTML4.01Transitional需要引用DTD，因为因为HTML4.01基于SGML。DTD规定了标记语言的规则，这样浏览器才能正确地呈现内容。所以在第一行加入<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">--精品实验一-html网页设计基础--实验一-html网页设计基础--精品----2.本课程目前所学过的元素/标记中，哪些属于block元素？哪些属于Inline元素？答：像<h1></h1><form></form><div></div><u