第三章文档格式化.pptVIP

网页设计技术 第三章-文档格式化 提 纲 文字格式化 超链接和锚站 段落格式化 使用列表 3.1??文字格式化 示 例 3.1??文字格式化 3.1??文字格式化 示 例 示 例 3.1??文字格式化 课堂练习 1 3.2??超链接和锚站 超链接 链接到其他资源（如XHTML文档和图像） 文本和图像都可以充当超链接 使用a（锚站）元素创建 a href = “url”超链接文字/a 3.2??超链接和锚站 课堂练习2 3.2??超链接和锚站 内部链接 ：在同一个文档的不同位置之间进行跳转 命名锚站的一般语法格式为： a name=书签名锚站A/a “书签名”用来标示“锚站A”在HTML文档中的位置 要找到上述锚站，需要编写如下代码： a href=#书签名点击此处将使浏览器跳到锚站A处/a 命名锚站示例 课堂练习 3 3.2??超链接和锚站 3.3??段落格式化 3.3??段落格式化 3.3??段落格式化 3.3??段落格式化 3.3??段落格式化 3.3??段落格式化 3.3??段落格式化 3.3??段落格式化 水平线示例 3.4??使用列表 3.4??使用列表 有序列表示例 3.4??使用列表 无序列表示例 3.4??使用列表 3.4??使用列表 定义列表示例 课堂练习4 小 结 文档中的文字、段落进行格式化的常见标记 文字级的格式化标记包括： 字体标记font 字符格式化标记b、i、u、sub、strong等 特殊字符的表示法 段落级的格式化标记包括： 块标记p、div、span、address、pre等 标题标记 换行标记br 超链接锚站标记a和列表标记 无序列表： 包含在标记ul和/ul内 没有指定顺序，每一项用某种类型的标志（如实心圆、空心圆圈等）表示。 ul li第1项/li li第2项/li …… li第n项/li /ul ul标记的type属性:设置列表项标志。 type属性可以选择以下几项之一： circle：空心圆点 square：方块 disc：实心圆点 嵌套列表： 定义列表： 每一个列表项包括成对出现的术语和术语定义 字典、书后的术语表以及常见问答页 包含在dl和/dl标记内 术语：用dt标记标识 术语定义：用dd标识 创建嵌套列表： 演示Dreamweaver中创建各种列表的快捷方式 字体标记font：包含控制文字特性的属性，如字体类型、颜色和文字的相对大小。 使用属性检查器中的字体类型、字体大小、字体颜色等设置格式化文本： 字体大小 字体类型 字体颜色 文字格式化的标记分为两类：物理的和逻辑的 物理标记：指定文字应该如何显示 指定粗体的b标记 指定斜体的i标记等 逻辑标记：指定文字的性质，但不指定文字该如何显示 strong标记和em标记等 逻辑元素的使用相对较少 物理的字符格式化： 逻辑格式化标记： 特殊字符：以“”符号开始，以“;”符号结束 要在网页中插入特殊字符，可选择“插入”?“HTML”?“特殊字符” 要求：1. 显示此界面，标题tiltle为超链接 2. 点击“单击此处查看”后，链接到课堂练习1的html文件 注意：href属性赋的值若是锚站的name属性值，则必须在书签名前边加一个“#”号。 演示Dreamweaver中建立内部链接的快捷方式 email链接：mailto: URL p标记：最常用段落标记 默认左对齐 左对齐:align = left 右对齐:align = right 居中对齐:align = center 其他段落标记 div：样式表部分介绍 span：样式表部分介绍 address：地址和联系信息，斜体显示 blockquote：主要用于引用文本，左右缩进 预格式化段落标记 pre：原样显示，即保留预先定义的格式。 标题 六个级别的标题h1~~h6 ：粗体显示 对齐方式：align属性 Dreamweaver 提供了三种基本段落样式：段落、标题和预先格式化的。 使用属性检查器中的“格式”选项可应用这些样式 。 换行与空行：br 水平线：hr hr width =”宽度” align =”对齐方式” size =”粗细” noshade 以上属性都是可选的。 width属性：可以用像素值大小表示，也可以用浏览器窗口宽度的百分比表示。 size属性：只能用像素大小表示，默认为3个像素。 noshade属性：使得水平线在显示时周围没有阴影效果。 很多浏览器还指定了其他一些属性，如color。 HTML中有三种列表： 有序列表 无序列表 定义列表 有序列表： 包含在标记ol和/ol内 列表项用li标记来定义： ol li第1项/li li第2项/li …… li第n项/li /ol ol标记有两个