第3讲 文字、段落、列表及图片标记 2.pptVIP

第3讲 文字、段落、列表及图片标记 3.1 文字标记 3.2 段落标记 3.3 列表标记 3.4 图片标记 文字标记主要用于设置网页中的所有有关文字方面的内容，具体包括普通文字、特殊字符、标题字、字体以及文字格式等方面的设置 3.1 文字标记 表3-1 常用文字标记 标 记 描 述 文字内容 包括普通文字、空格及特殊符号等 标题字标记 以某几种固定的字号显示文字，共分为六个级别（H1~H6），对应着六种字号 文字的修饰标记 通过这些修饰标记，可设定文字的不同格式，如粗体、斜体等 字体标记 设定文字的字体、字号及颜色等 1）文字内容 网页中涉及到的文字主要包括:普通文字、特殊符号以及页面的注释语句 普通文字的输入: 直接在body和/body标记之间输入 特殊字符的输入: 在源代码中特殊字符使用其对应的符号码代替. 特殊符号 符号码 空格 nbsp; “ quot; amp; lt; gt; ? middot; X times; § sect; ￠ cent; ￥ yen; ￡ pound; ? copy; ? reg; ? trade； 注释语句 基本语法 comment……/comment !-- -- 语法解释 上述两种表示法皆可代表注释语句 ；注释 语句不会显示在浏览器中 文字内容综合示例 2）标题字标记 所谓标题字就是以某几种固定的字号去显示文字，一般用于强调段落要表现的内容或作为文章的标题 具有加粗显示并与下一行产生一空行的特性 根据字号的大小分为六级，分别用标记H1~H6表示，字号的大小随数字增大而递减 标 记 描 述 属 性 属性取值 h1……/h1 一级标题 align left（默认值） h2……/h2 二级标题 h3……/h3 三级标题 center h4……/h4 四级标题 h5……/h5 五级标题 right h6……/h6 六级标题 标题字标记综合示例 3）文字的修饰标记 用于对文字进行格式化 常用的修饰标记如下： 标 记 描 述 b…/b、strong…/strong 粗体 i…/i、cite…/cite、 em…/em、 var…/var 斜体 sup…/sup 上标 sub…/sub 下标 big…/big 大字号 small…/small 小字号 u…/u 下划线 s…/s、strike…/strike 删除线 address…address 地址，用于地址、Email 文字修饰标记综合示例 3-1）字体标记font 作用：设置文字的字体、字号及颜色 基本语法 font face=“font_name” size=“value” color=“color_value”…/font 表3-3 字体标记的属性 属 性 描 述 face 设置字体 size 字号，取值范围为从1到7，或者从+1到+7、从-1到-7（正负取值相对于页面默认字号3），超出取值范围的，与取值范围的最近的极值效果相同 color 文字颜色 字体标记综合示例 3-2)基字体标记basefont 作用 用于设定文字的字体默认属性，出现在basefont标记之后的所有font标记的默认属性使用basefont标记中所设置的属性 基本语法 basefont face=“font_name” size=“value” color=“color_value” 基字体标记综合示例 3.2 段落标记 所谓段落就是一段格式上统一的文本。在DW设计视图中按下Enter键后，讲自动生成一个段落。 1)段落标记p 所谓段落，指得是一段格式上统一的文本 基本语法 语法解释 从p开始处创建一个段落。使用双标记将使所包含的段落与上下文都有一空行的间隔；使用单标记将只使段落与上文有一空行的间隔 标 记 描 述 属 性 属性取值 p…/p 双标记 align left center p… 单标记 right 2)换行标记br 作用: 产生一个换行效果 基本语法 br 3）预格式化标记pre 基本语法 pre……/pre 语法解释 预格式化，是指保留pre/pre之间的文字在源代码中的格式，使其在页面中显示的效果和源代码中的效果几乎完全一致 预格式化标记示例 4）居中标记center 基本语法 center……/center 作用：使center/center标记对之间的文字在浏览器窗口中居中对齐 段落、换行及居中标记综合示例 5） 水平线标记 hr 水平线用于段落与段落之间的分隔，使文档结构更加清晰，使文字的编排更加整齐 基本语法 hr 常用属性 属 性 描