第3章用HTML设置文字与段落.pptVIP

第3章 用HTML设置文字、段落 GGAO CM WTU 学习目标 输入文字 设置文字的格式 设置段落的格式 水平线的标记 创建列表 使用marquee设置滚动效果 3.1 插入其他标记 3.1.1 输入空格符号 “＆nbsp”表示网页上的一个空格 3.1.2 输入特殊符号 3.2 设置文字格式 font标记用来控制字体、字号和颜色等属性，HTML中的基本标记之一 3.2.1 设置字体 基本语法 font face=“字体样式”…/font 字体样式 字体的名称，比如“宋体” 可在word中获得系统支持的字体名称 Dreamweaver中可以选择 例子 font face=“黑体”传媒学院/font 3.2.2 设置字号 文字的大小 基本语法 font size=“文字字号”…/font size有7个等级 1最小，7最大 默认是3 例子 font size=“7”WTU/font 3.2.3 设置文字颜色 基本语法 font color=“字体颜色”…/font 颜色 颜色的英文单词 #RRGGBB表示 例子 font color=“red”CM/font 3.2.4 设置粗体、斜体、下划线 粗体 b加粗的文字/b strong加粗的文字/strong 斜体 i斜体文字/i em斜体文字/em cite斜体文字/cite 下划线 u下划线的内容/u 3.3 设置段落的格式 把一段文字分成相应的段落，使网页层次分明 3.3.1 段落标记 把一段文字标记起来，表示它们是一个段落 基本语法 p段落文字/p 3.3.2 段落的对齐属性 可以使用align参数设置 该参数不仅可以用在段落标记，还可以用到很多其他标记中 基本语法 p align=“对齐方式”…/p 对齐方式 left 左对齐 center 居中对齐 right 右对齐 例子 p align=centerWuhan is a very big city in China/p 3.3.3 不换行标记 如果一行文字过长，浏览器会自动换行，如果希望在显示的时候不换行，可以使用该标签 基本语法 nobr不换行文字/nobr 演示 学生 3.3.4 换行标记 HTML默认是连续显示文字，如果希望把一个句子后面的内容在下一行显示，则要用换行符 基本符号 br 例子 body Wuhan Textile UniversitybrCM /body 3.4 水平线标记 3.4.1 插入水平线 基本语法 hr 例子 body pWuhan Textile University/p hr pCM/p /body 3.4.2 设置水平线的宽度与高度属性 默认宽度是100％ 基本语法 hr width=“宽度” hr size=“高度” 宽度 可以用像素，也可以用百分比 高度 只能用像素 3.4.3 设置水平线的颜色 基本语法 hr color=“颜色” 颜色 颜色的英文名称或#RRGGBB（颜色代码） 3.4.4 设置水平线的对齐方式 水平线默认是居中对齐的 基本语法 hr align=“对齐方式” 对齐方式 left 左对齐 center 居中对齐 right 右对齐 演示例子 画一条占浏览器一半宽度的较粗的红色直线，且左对齐 学生 3.4.5 利用水平线去掉阴影 默认的水平线是空心立体的效果 基本语法 hr noshade 3.5 利用marquee设置滚动效果 滚动字幕 基本语法 marquee align=left|center|right|top|bottom bgcolor=#n direction=left|right|up|down behavior=type height=n hspace=n scrollamount=n scrolldelay=n width=n vspace=n loop=n …. /marquee 标签属性 3.5.2 使用marquee插入滚动公告 html head titlemacquee标签的使用/title /head body marquee behavior=scroll direction=up scrollamount=1 width=100 height=100 1.week1 HTMLbr 2.week5 HTMLbr /marquee /body /html 3.6 综合练习－设置页面文本及段落 使用dreamweaver的代码视图操作 设置文本字体、大小、颜色 对齐方式 段落划分 实现类似Word一样的效果