dreamweaver教程第7章.docVIP

第7章 HTML和CSS样式 在Dreamweaver 8中，使用HTML标记和CSS级联样式可以很方便的进行文本格式化。HTML（Hypertext Markup Language）即超文置标语言是一种用来制作超文本文档的简单置标语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台统一的CSS面板将所有CSS的功能都整合到一个面板设置上，同时增加其性能，以便轻松有效地使用CSS。 HTML为一种普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。是在SGML定义下的一个描述性语言，或可说HTML是SGML的一个应用程序，HTML不是程序语言，如C++和Java之类，它只是标示语言，只要明白了各种标记的用法便算学懂了HTML。HTML的格式非常简单，只是由文字及标记组合而成，任何文字编辑器都可以对其进行编辑，只要能将文件另存为ASCII纯文本格式即可，当然最好使用专业的网页编辑软件。 7.2 HTML标记 在浏览器中，任何HTML看不到，但是在浏览器中所看到的网页效果却都是由这些生成的。在大多数情况下，创建站点时并不需要对HTML进行掌握，因为在这样的软件中，HTML的处理是在进行的，因而就掩盖了该语言的复杂性。如果需要查看网页的HTML，可以选择模式。各种HTML标记名称与功能 标记 类型 译名或意义 作用 备注 文件标记 HTML ? 文件声明 让浏览器知道这是HTML文件 HEAD ? 开头 提供文件整体资讯 TITLE ? 标题 定义文件标题，将显示于浏览顶端 BODY ? 本文 设计文件格式及内文所在 排版标记 !--注解-- ? 说明标记 为文件加上说明，但不被显示 P ? 段落标记 为字、画、表格等之间留一空白行 BR ? 换行标记 令字、画、表格等显示于下一行 HR ? 水平线 插入一条水平线 CENTER ? 居中 令字、画、表格等显示于中间 反对 PRE ? 预设格式 令文件按照原始码的排列方式显示 DIV ? 区隔标记 设定字、画、表格等的摆放位置 NOBR ? 不折行 令文字不因太长而绕行 WBR ? 建议折行 预设折行部位 字体标记 STRONG ? 加重语气 产生字体加粗 Bold 的效果 B ? 粗体标记 产生字体加粗的效果 EM ? 强调标记 字体出现斜体效果 I ? 斜体标记 字体出现斜体效果 TT ? 打字字体 Courier字体，字母宽度相同 U ? 加上底线 加上底线 反对 H1 ? 一级标题标记 变粗变大加宽，程度与级数反比 H2 ? 二级标题标记 将字体变粗变大加宽 H3 ? 三级标题标记 将字体变粗变大加宽 H4 ? 四级标题标记 将字体变粗变大加宽 H5 ? 五级标题标记 将字体变粗变大加宽 H6 ? 六级标题标记 将字体变粗变大加宽 FONT ? 字形标记 设定字形、大小、颜色 反对 BASEFONT ? 基准字形标记 设定所有字形、大小、颜色 反对 BIG ? 字体加大 令字体稍微加大 SMALL ? 字体缩细 令字体稍微缩细 STRIKE ? 画线删除 为字体加一删除线 反对 CODE ? 程序代码 字体稍微加宽如TT KBD ? 键盘字 字体稍微加宽，单一空白 SAMP ? 范例 字体稍微加宽如TT VAR ? 变数 斜体效果 CITE ? 传记引述 斜体效果 BLOCKQUOTE ? 引述文字区块 缩排字体 DFN ? 述语定义 斜体效果 ADDRESS ? 地址标记 斜体效果 SUB ? 下标字 下标字 SUP ? 上标字 指数（平方、立方等） 列表标记 OL ? 顺序列表 清单项目将以数字、字母顺序排列 UL ? 无序列表 清单项目将以圆点排列 LI ? 列表项目 每一标记标示一项清单项目 MENU ? 选单列表 清单项目将以圆点排列，如UL 反对 DIR ? 目录列表 清单项目将以圆点排列，如UL 反对 DL ? 定义列表 清单分两层出现 DT ? 定义条目 标示该项定义的标题 DD ? 定义内容 标示定义内容 表格标记 TABLE ? 表格标记 设定该表格的各项参数 CAPTION ? 表格标题 做成一打通列以填入表格标题 TR ? 表格列 设定该表格的列 TD ? 表格栏 设定该表格的栏 TH ? 表格表头 相等于TD，但其内之字体会变粗 表单标记 FORM ? 表单标记 决定单一表单的运作模式 TEXTAREA ? 文字区块 提供文字方盒以输入较大量文字 INPU