创建一个 html文件.ppt

Click to edit Master title style,Click to edit Master text styles,Second Level,Third Level,Fourth Level,Fifth Level,高等学校计算机应用人才培养系列教材,2.,*,HTML,网页设计,第二章 创建一个,HTML,文件,本章结构,使用记事本新建一个,HTML,文件,HTML,的组织规范,HTML,基本标记,小结,思考题,使用记事本新建一个,HTML,文件,HTML,的组织规范,HTML,的语法定义非常明确，所有的,HTML,文档都遵循由,W3C,规定的,HTML,规范。下面展示一个基本的,HTML,文档模板：,HTML,基本标记,结构标记,标记用来鉴别一个文件是否为,HTML,文件，,元素标识了一个,HTML,文档的开始和结束。所有其它的标记都包含在,和,之间。加上,标记声明，编写,HTML,文件代码的第一步如图所示：,HTML,基本标记,头标记,在标记,和,之间的部分被称为文件头。,称为头标记，含有关于网页文件相关的信息，所以它们中的大部分不会出现在浏览器中。网页文件信息包括网页文件的标题、脚本以及其它关于文件的描述。对应的标记包括,、,、,、,、,等。,HTML,基本标记,文档标题标记,在,HTML,规范中,是不可或缺的一部分。一个页面的标题出现在标记,中，并且每个页面只允许有一个,标记。设置标题后，当浏览该页面时标题内容会出现在浏览器窗口标题栏区域。,HTML,基本标记,内容标记,主体（,body,）区由内容标记,引出，主体部分包括了所有要在浏览器中显示出来的信息，也就是包括了所有的其它标记和元素。该标记具有一些用于定义整个网页特点的属性，如网页的背景颜色、背景图案和文字的颜色等。,HTML,基本标记,注释标记,有时候网页布局和内容比较复杂，为了增加,HTML,的可读性，以及在共同开发的网页中防止由于多人共同编辑同一,HTML,文件造成代码混乱，需要为,HTML,代码加上注释，以说明某段代码特殊的含义。注释的标记是：,注释标记可以跨行使用，即可以注释一段内容。,HTML,基本标记,综合示例,例子中的,head,区设置了网页字符编码采用“,gb2312,”，网页标题是“使用所有基本标记”。,标记中设定了属性,style,的内容：,font-size:20pt,，将网页内出现的字体大小统一设为,20pt,。在,head,区和,body,区之间插入了两行注释,本章小结,本章首先介绍了如何新建、编辑一个,HTML,文件，之后介绍了,HTML,的基本组织规范：文件头和文件主体。接下来结合示例介绍了,、,、,、,和,等,HTML,基本标记。通过本章内容的学习，读者可以自主建立起一个简单、完整并且符合规范的,HTML,文件。后续章节将逐步介绍,HTML,中其他重要的标记，从而为建立一个内容更加丰富的,HTML,网页打下基础。,思考题,怎样使用记事本创建一个,HTML,文件？,HTML,文件分为哪几个基本部分？,HTML,文档的头部主要作用是什么？,HTML,的内容标记是什么，有哪些属性？,