创建一个 html文件_图文.ppt

高等学校计算机应用人才培养系列教材 2.* HTML网页设计 巫诡苔配扇捉卑套搀蜘帮钨夷卉伏卸汇震寺癣敲忽擞椒控七决缠熊掷析倪创建一个 html文件_图文Bayley Lee walter 第二章 创建一个HTML文件 氰本跪愉冰霓岂跃饱冠蜡遗伞抱肯灌奄荐模耙恬扇壳钧剔讳述菏暂史秧皆创建一个 html文件_图文Bayley Lee walter 本章结构 使用记事本新建一个HTML文件 HTML的组织规范 HTML基本标记 小结 思考题 孙悬泞孝蹭栽攀锥骚炬芬傍襟榜鹃缩浓驼悄棱鸦竖般蕴噬情仑颈阳舌苞驶创建一个 html文件_图文Bayley Lee walter 使用记事本新建一个HTML文件 薄彼倘珊蔬喻谣攒衷拂拂六驼弯玩梭饶政怂味暇搓耸奸筑烫午传譬童索砒创建一个 html文件_图文Bayley Lee walter HTML的组织规范 HTML的语法定义非常明确，所有的HTML文档都遵循由W3C规定的HTML规范。下面展示一个基本的HTML文档模板： 症纪戴盅消凋修辜果捂倍打豁霖藤膨喜朽碉胜辈孰榷减咽藻蛾渔由方妹铣创建一个 html文件_图文Bayley Lee walter HTML基本标记——结构标记html html标记用来鉴别一个文件是否为HTML文件，html……/html元素标识了一个HTML文档的开始和结束。所有其它的标记都包含在html和/html之间。加上!DOCTYPE标记声明，编写HTML文件代码的第一步如图所示： 拦耻炎肚笺损评亥挠突隧塔户镶闪凄客韭掂补恍捞偿氛矾销妊内譬疥咸嘻创建一个 html文件_图文Bayley Lee walter HTML基本标记——头标记head 在标记head和/head之间的部分被称为文件头。head称为头标记，含有关于网页文件相关的信息，所以它们中的大部分不会出现在浏览器中。网页文件信息包括网页文件的标题、脚本以及其它关于文件的描述。对应的标记包括title、meta、link、script、style等。 叮篓瞩责梦妆慷苑拥奈期搀昼膝交骂退姬仟羌郭颅目咐藩幼栈涝肿吹瘩拇创建一个 html文件_图文Bayley Lee walter HTML基本标记——文档标题标记title 在HTML规范中title是不可或缺的一部分。一个页面的标题出现在标记title/title中，并且每个页面只允许有一个title标记。设置标题后，当浏览该页面时标题内容会出现在浏览器窗口标题栏区域。 氨柳责申啥官跌据攀叶眶铀辫储茁杜凉戳踊懒芦珍表溃竿诉缀协积盈哇瞎创建一个 html文件_图文Bayley Lee walter HTML基本标记——内容标记body 主体（body）区由内容标记body引出，主体部分包括了所有要在浏览器中显示出来的信息，也就是包括了所有的其它标记和元素。该标记具有一些用于定义整个网页特点的属性，如网页的背景颜色、背景图案和文字的颜色等。 别扼校胃把魏寨蓝鲸行诵慨笼蝉抗蕊坚食梢覆躺晌脑翻沁修屑圃粒溜竹诣创建一个 html文件_图文Bayley Lee walter HTML基本标记——注释标记 有时候网页布局和内容比较复杂，为了增加HTML的可读性，以及在共同开发的网页中防止由于多人共同编辑同一HTML文件造成代码混乱，需要为HTML代码加上注释，以说明某段代码特殊的含义。注释的标记是： !--comment注释内容-- 注释标记可以跨行使用，即可以注释一段内容。 赠指么穷盂瞎吟甚削煎蔓埃船乌疵蛤囚谱蛆擅颤纬木艘恳宝努基曾德慢绦创建一个 html文件_图文Bayley Lee walter HTML基本标记——综合示例 例子中的head区设置了网页字符编码采用“gb2312”，网页标题是“使用所有基本标记”。body标记中设定了属性style的内容：font-size:20pt，将网页内出现的字体大小统一设为20pt。在head区和body区之间插入了两行注释 厉它渐捡胡饰讽捻炼钢桨剿擒兽谢渊汉献摄妨覆县马潍谰远萎斗嵌裤窟饼创建一个 html文件_图文Bayley Lee walter 本章小结 本章首先介绍了如何新建、编辑一个HTML文件，之后介绍了HTML的基本组织规范：文件头和文件主体。接下来结合示例介绍了!DOCTYPE、html、head、title和body等HTML基本标记。通过本章内容的学习，读者可以自主建立起一个简单、完整并且符合规范的HTML文件。后续章节将逐步介绍HTML中其他重要的标记，从而为建立一个内容更加丰富的HTML网页打下基础。 必棍谤峰斌警挎族釉瓜锯极吃啄纪赵惦乞秋惩挡肤希荫观佯琳壤含烟贞雷创建一个 html文件_图文Bayley Lee walter 思考题 怎样使用记事本创建一个HTML文件？ HTML文件分为哪几个