HTML CSS DIV网页设计与布局（第3版）（微课版） 课件全套 刘小娇 第1--15章 认识网站开发 ---网页布局综合案例：BABY HOUSING网上商店.pptx

第1章认识网站开发;1.1网站开发概述;1.1.1网页构成元素;1.1.2网站建设流程;1.1.3网站开发软件;1.2HTML简介;1.2.1HTML基本概念;1.2.2HTML基本结构;1.3一个简单的HTML实例;1.3.1编写HTML代码;1.3.2运行HTML文件查看效果;1.4HTML基本标签;1.4.1文件类型指令标签;1.4.2文件类型标签;1.4.3HTML头标签;1.4.4页面标题标签;1.4.5HTML主体标签;1.5HTML页面的元信息;1.5.1页面的关键字;1.5.2页面的对外说明;1.5.3网页的作者信息;1.5.4网页的开发语言;1.5.5页面的定时跳转;1.6小结;第2章网页文字和图片;2.1文字格式;2.1.1文字大小;【示例2-1】看下面的例子，注意加粗的代码。;2.1.2字体;【示例2-2】设置字体，注意加粗的代码。;2．设置浏览器默认字体;2.1.3字体颜色;【示例2-3】设置文字字体颜色。;34 以下使用的是RGB颜色。

35 tablewidth=100%

36 tr

37 tdalign=centerfontcolor=#8a2be28a2be2/font/td

38 tdalign=centerfontcolor=#7fff007fff00/font/td

39 tdalign=centerfontcolor=#008b8b008b8b/font/td

40 tdalign=centerfontcolor=#bdb76bbdb76b/font/td

41 /tr

42 /table

43 /body

44 /html;2.1.4加粗与斜体;【示例2-4】设置文字为加粗和斜体。;2.1.5插入线与删除线;【示例2-5】设置删除线和插入线，注意加粗的代码。;2.1.6上标与下标;【示例2-6】设置上标和下标，注意加粗代码。;2.2文字排版;2.2.1文本缩进;【示例2-7】不同次数的缩进。;2.2.2换行;2.2.3段落;2.2.4预定义格式;【示例2-10】使用预定义格式来设置文本按原样显示。;2.2.5水平分隔线;【示例2-11】创建不同类型的水平分隔线。;2.3在网页中插入图片;【示例2-12】设置不同属性的图片。;2.4HTML5文档结构标签;【示例2-13】使用HTML5文档结构标签展示一篇文章。;18 article

19 pb由来/b/p

20 hr/

21 section

22 Pnbsp;nbsp;nbsp;nbsp;HTML的英文全称是HypertextMarkupLanguage，即超文本标记语言。HTML是由Web的发明者TimBerners-Lee和同事DanielW.Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文件称为HTML文件，它能独立于各种操作系统平台(如UNIX、Windows等)。使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可被识别的信息，即我们所见到的网页。/P

23 /section

24 pb特点/b/p

25 hr/

26 section

27 pnbsp;nbsp;nbsp;nbsp;超文本标记语言文件制作不是很复杂，但功能强大，支持不同数据格式的文件嵌入，这也是万维网（WWW）盛行的原因之一。超文本标记语言版本升级采用超集方式，从而更加灵活、方便。超文本标记语言的广泛应用带来了加强功能、增加标识符等要求。超文本标记语言采取子类标签的方式，为系统扩展带来保障。

28 虽然Windows大行其道，但使用Mac等的大有人在，超文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。/p

29 /section

30 /article

31 hr/

32 footer

33 palign=center责任编辑：小红nbsp;nbsp;电话：010-80xxxx88-8nbsp;nbsp;邮箱:123@nbsp;nbsp;地址:成华大道100号/p

34 /footer

35 /body

36 /html

;2.5小结;第3章超链接;3.1创建超链接;3.1.1超链接