第2节_创建html文件.ppt

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