Dreamweaver cs6 标准实例教程课件第2章HTML和 与CSS基础.pptx

第2章HTML与CSS基础; 本章将介绍HTML和CSS的基本知识及使用方法。内容包括：HTML的概念；HTML源文件的构成；各类常用HTML标记的功能及使用；CSS样式表的作用；CSS样式表的组成；样式表的层叠顺序以及样式表的部分常用属性和值。HTML标记和CSS样式表是网页文件的基石。HTML和CSS是网页制作的基础，读者应该认真掌握。;2.1 HTML基础; Adobe 在Google I/O 大会的 Keynote 上演示了 Adobe CS6 对 HTML5 的多种支持，并且 Adobe Labs 放出了 Dreamweaver CS6 的HTML5 扩展包。通过它Dreamweaver CS6 将获得以下新特性： * 多屏幕预览面板，适用于同时为不同设备开发HTML应用。 * 支持对 HTML 5 新增的标签库的代码提示。 * 支持对 CSS 3 代码提示。 * 增加 Video 和 Audio 标签的实时预览。 * 改进 CSS 3 实时预览效果。 * 改进设计视图下对 HTML 5 新增标签的渲染效果。;2.1.2 统一资源定位符;2．标记 属性1=参数1 属性2=参数2对象/标记;3．标记;4．标记嵌套;2.2 常用HTML标记;2.2.1 文档的结构标记;3．title标记;2.2.2 注释标记 ;2.2.3 文本格式标记;4．font标记 font ... /font标记用于设置文本字体格式，有3个可选属性： face：设置文本字体名称，可以用逗号隔开的多个字体名称。 Size：设置文本字体大小，取值范围在－7～7之间，数字越大字体越大。 Color：设置文本颜色，可以用red、white和green等助记符，也可以用16进制数表示，如红色为“#FF0000”。 ;6．i标记 i…/i标记将标记之间的文本设置成斜体。;2.2.4 排版标记;5．p标记;2.2.5 列表标记;2.2.6 表格标记;2．tr标记 tr…/tr标记用于标志表格一行的开始和结束。tr的常用参数如下： align：设置行中文本在单元格内的对齐方式，取值有left、center和right。 background：设置行中单元格的背景图像。 bgcolor：设置行中单元格的背景颜色。;3．th标记 th…/th用于标志表格内表头的开始和结束。th的常用参数如下： align：设置在单元格内各种内容的对齐方式，取值有left、center和right。 background：设置单元格???背景图像。 bgcolor：设置单元格的背景颜色。 width：设置单元格的宽度，单位为像素。 height：设置单元格的高度，单位为像素。 colspan：设置th…/th内的内容应该跨越几列。 rowspan：设置th…/th内的内容应该跨越几行。;4．td标记 td…/td用于标志表格内单元格的开始和结束。td标记应位于tr标记内部。td的常用参数如下： align：设置行内容在单元格内的对齐方式，取值有left、center和right。 background：设置单元格的背景图像。 bgcolor：设置单元格的背景颜色。 width：设置单元格的宽度，单位为像素。 height：设置单元格的高度，单位为像素。;2.2.7 框架标记;2．frame标记 frame ... /frame标记代表一个框架，必须在frameset标记内使用。;3．noframe标记 noframe…/noframe标记用于设置当浏览器不支持框架技术时显示的文本。通常的做法是在此标记之间放置提示用户浏览器不支持框架的信息。;2.2.8 表单标记 ; input标记用于在表单内放置表单对象。此标记不需成对使用。对于不同的type参数有不同的属性。 （1）当type=text（文本域表单对象，在文本框中显示文字）或type=password（密码域表单对象，在文本框中显示*号代替输入的文字，起保密作用）时，input标记参数如下： name：用于指定表单文本/密码域对象的名称。 size：文本框在浏览器的显示宽度，实际能输入的字符数由maxlength参数决定。 maxlength：在文本框最多能输入的字符数。;（2）当type=submit（提交按钮，用于提交表单）或type=reset（重置按钮，用于清空表单中用户已输入的内容）时input标记参数如下： name：用于指定表单按钮对象的名称。 value：在按钮上显示的标签。;（4）当type=image（图像）时input标记参数介绍如下： name：图像对象的名称。 src：图像文件的名称。 w