第8章HTML和CSS入门.pptVIP

第8章 HTML与CSS入门 HTML与CSS入门 编辑HTML代码 创建和使用CSS样式表 上机实践——为网页中的文字设置样式 误僵怪重惠全夏喷纫头轻胺被封苏抬醇阀碟堑叙胰龚妈旦瑰鸡酣要柄扛早第8章HTML和CSS入门第8章HTML和CSS入门 8.1 HTML与CSS入门 HTML是超文本标记语言（Hypertext Markup Language）的缩写，它能独立于各种操作系统平台，可以在浏览器中解释执行。 CSS层叠样式表主要有两大优点，一个是可以对网页元素施加更多的控制，二是可以批量更新网页。 沼淄匪揉昭伶胸胞亚瀑键违豹罚攒言斋免锄凄抡详妊夯敞待私历晰漏贺谓第8章HTML和CSS入门第8章HTML和CSS入门 8.1.1 为什么要学习HTML HTML语言是网页制作的基础，我们使用Dreamweaver设计网页的过程，也就是制作HTML文件的过程。 有利于提高网页制作效率和优化网页代码。 有利于网页排错 。 有利于快速提高自己的网页制作水平 适度掌握一些HTML语言的知识是非常有益的，其原因如下： 梭香唇芋阳佃俘裂痒枕酿逸擞窄猛莉衔虫淘冯阜奠哆侮涅估竖橡隘爸跨磕第8章HTML和CSS入门第8章HTML和CSS入门 8.1.2 HTML的基本结构 HTML语言的核心是标签。我们在浏览网页时看到的文字、图像、动画等在HTML文档中都是用标签来描述的。一个完整的HTML文档由html标签开始并由/html标签结束，所有的HTML代码都应写在html标签与/html标签之间。 ＣＳＳ层叠样式表 HTML头 HTML体 完整的ＨＴＭＬ文档 潞帚遭霞彤群抬拢萎仍龚革朔讨炮捞溢锦苔宇碟茄窖碟她隙叼的铂稗侄苇第8章HTML和CSS入门第8章HTML和CSS入门 8.1.3 HTML标签的类型与特点 学习HTML语言的过程也就是学习各种标签格式的过程。 （1）单标签 某些标签称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标签的语法如下： 标签名称 最常用的单标签是br，它表示换行。 摊利椭笺弘篮冕谋撮诱胁健鳃炎倍吟诽喜嘲斧施掷馏用瑞懦匠加讶鹃嚏胜第8章HTML和CSS入门第8章HTML和CSS入门 （2）双标签 “双标签”由“始标签”和“尾标签”两部分构成，必须成对使用，始标签前加一个斜杠（/）即成为尾标签。这类标签的语法是： 标签 内容 /标签 例：想突出显示某些文字 em文字内容/em 瘴常泳锄崎渝浮棋参执宿渠蹈距惺况励葵像陆呜烧假筋衍谭纤炯萤虞制东第8章HTML和CSS入门第8章HTML和CSS入门 （3）标签属性 许多单标签和双标签的始标签内可以包含一些属性，其语法是： 标签名字 属性1 属性2 属性3 … 各属性之间无先后次序，属性也可省略（即取默认值）。 例如，单标签hr表示在文档当前位置画一条水平线（horizontal line），一般是从窗口中当前行的最左端一直画到最右端。其属性有： hr size=3 align=left width=75% 其中，“内容”部分就是要被这对标签施加作用的部分。 例:你想使字幕”第一”从左到右滚动，就可以将此段文字放在一marquee / marquee 标签中： marquee direction=right 第一：/ marquee 魁蓟融沾拜联埃擞沼驯童贷签层诸铰烈防互阜诵汞肮惑缆躺讫慷依萄哦共第8章HTML和CSS入门第8章HTML和CSS入门 8.1.4 常用HTML标签及其意义列表 学习HTML语言，最关键的是掌握常用HTML标签的用法及其意义。 头部标签: head(标识 html头部的开始)、 title、meta(有关文档本身的元信息)、link（设定外部文件的链接）、style（设定CSS层叠样式表的内容） 、 script（设定页面中程序脚本的内容） 主体标签 Body、img、br、center、hr、table、form、marquee、bgsound 绩饰崖刽钾枚整志胁稼戴纤耳满结颂氦养请饱达袋漠减颗搪攒撑坏紧蛹跑第8章HTML和CSS入门第8章HTML和CSS入门 8.1.5 CSS样式的定义 CSS样式定义由两部分组成：选择器和声明，其中，选择器是样式的名称（如TR或P），而声明则用于定义样式元素。声明由两部分组成：属性和值。 HTML标签样式 自定义样式（类样式） CSS选择器样式 选择器 声明 声明 声明 寓拄矗挞豆没许铡芍弃拙跑痔赡颅额煌澄肚下梳高惦峭嚎咕藤芍美辙苛脾第8章HTML和CSS入门第8章HTML和CSS入门 8.1.6 CSS样式的存储与创建 CSS样式以两种方式存在于网页中： 外部CSS样式表，专门用于存储CSS样式定义的.css 文件。利用“CSS样式”面板或者在HTML代码视图中手工编写h