项目5-编写HTML代码.pptVIP

2.内部样式表 内部样式表是通过STYLE标记把样式表的定义放到HTML文件头部，其定义的样式也就自然应用到HTML文件中。 格式：STYLE TYPE=text/css内部样式表/STYLE 功能：在当前HTML文件中定义并应内部样式表。 例： HTML HEAD …… STYLE TYPE=text/css hr {color: red} p {margin-left: 9px} /STYLE …… /HEAD BODY …… /BODY /HTML 3.导入外部样式表 导入外部样式表是指在内部样式表的STYLE里导入一个外部样式表。 格式：@import 外部样式表文件URL地址； 例：@import mystyle.css； 4.内嵌样式 内嵌样式是直接将在HTML文件的标记中通过STYLE属性来定义的样式。内嵌样式可以直接对某个标记单独定义样式，使用起来简单、灵活、方便。 例： P STYLE=color:black;margin-left: 30px段落内容/p 例：CSS应用，网页效果如图5-15所示。 代码参见教材P223页 1.DIV DIV是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。 DIV的起始标记和结束标记之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标记的属性来控制，或者是通过使用样式表格式化这个块来进行控制。DIV标记称为区隔标记。作用是把文档分割为独立的、不同的部分，设定字、画、表格等的摆放位置。把文字、图象，或其他的放在DIV中，它可称作为“DIV block”，或“DIV element”或“CSS-Layer”，或干脆叫“Layer”，中文名为“层次”。 三、DIV+CSS布局 2.DIV标记 格式：DIV…/DIV 功能：在网页中划分一个独立的区隔块，用于摆放相应网页元素。 说明：DIV标记主要应用的属性 (1)CLASS属性：用于设置DIV标记应用样式的类名。 例：DIV CLASS=news (2)STYLE属性：用于设置DIV标记应用的内嵌样式。 例：DIV STYLE=color:black (3)ID属性：用于设置DIV标记唯一标识的ID号。 使用了DIV+CSS布局的网页与表格布局比较，精简了许多页面代码，其浏览访问速度也就比表格布局更快，目前比较流行的网页布局就是采用DIV+CSS方法布局网页。 代码结构如下： BODY H1最新产品案例列表/H1 P我公司主要产品案例有……/P DIV CLASS=news H2案例一/H2 P……/P /DIV DIV CLASS=news H2案例二/H2 P……/P /DIV …… /BODY 3.DIV+CSS布局方法 * HTML发展历史 HTML 1.0 -- 1993年6月,IETF发布 HTML 2.0 -- 1995年11月,发布 HTML 3.2 -- 1996年1月,W3C推荐标准 HTML 4.0 -- 1997年12月,W3C推荐标准 HTML 4.01 -- 1999年12月,W3C推荐标准 XHTML 1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。 XHTML 1.1, 于2001年5月31日发布 HTML 5.0 -- 2008年1月,W3C工作草案 HTML 5.1—2013年5月6日 * 网站功能主要是指网站可以实现一些什么样的操作，如：信息发布、产品/企业宣传、网络销售、咨询服务（网络调查、在线留言，网络论坛）、网络办公等。 * 起始标记告诉Web浏览器从此处开始执行该标记所表示的功能。 结束标记告诉Web浏览器在这里结束该功能。必须加一个正斜杠（/）即成为尾标记。 “内容”部分就是被标记修饰的部分。 * 标记中不要有空格，否则浏览器可能无法识别， 比如不能将title写成 title。 * link 标签最常见的用途是链接样式表。 meta提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 * 注意：HTML 中的标记对不能随便放，title/title标记对不能放在body/body标记对中，同理，p/p也不能放在h