通过Dreamweaver CS3学习HTML+DIV+CSS 第4章 网页文字Font

设置编号列表属性效果
嵌套效果
4.2.8 定义列表
在网页中除了可以设置项目编号,还可以设置包含术语 解释时使用的定义列表.设置定义列表的具体步骤如下:
定义列表效果
4.3 字符实体
HTML语言的标签中包含了< 和 >等的一些特殊字符.如 果要在网页中显示出这些特殊字符,就需要用到字符实 体.
4.3.1 认识字符实体
换行效果
4.4 专家总结
通过本章的学习,读者可以掌握有关文字的设置.文字 大小的适当设置让浏览者浏览网页更方便;文字颜色的 适当设置让网页更生动形象;段落排列的适当设置让网 页更清爽整齐等.本章涉及的HTML标签较多,希望读者 多进行练习,加强记忆和掌握使用.
�
修改文字大小效果
4.1.2 修改文字颜色
前一章中介绍了用于整个网页文字默认颜色的设置方法. 现在介绍在Dreamweaver中单独设置文字的颜色,具体 步骤如下:
文字颜色效果
不同颜色效果
4.1.3 设置文美观的作用.设置文字字体的具体步骤 如下:
块引用格式的效果
4.2.4 设置标题文字
任何形式的文章,总需要一个标题来点明文章的主旨, 由此可见标题的重要性.标题文字设置的具体步骤如下:
标题1效果
标题设置效果
4.2.4 设置标题文字
设置标题文字非常容易,但它的源码又会有怎样的变化?最终效果 如图所示.
全部标题文字效果
4.2.5 设置文字对齐
项目列表效果
4.2.7 使用编号列表
项目列表可以使页面内容整齐有序,却不能显示出列表 项之间的顺序,在此使用编号列表可以解决这一问题. 设置编号列表的具体步骤如下:
编号列表效果
4.2.7 使用编号列表
除了单击【文本】选项卡区域中的【编号列表】按钮,还可以单击 【属性】面板中的【编号列表】按钮.用户也可以先输入文字,后 设置编号列表.
第4章 网页文字Font
前面几章介绍了网页头部和网页主体相关的知识点,这 些都是辅助内容.主体正文才是浏览者真正关心的对象. 主体文字的大小,颜色,以及字体等因素是决定网页是 否成功的关键因素.除此之外,文字的排放位置也不可 忽视.本章将介绍网页文字<Font>标签的使用与设置.
4.1 文字外观
文字的外观包括文字的大小,颜色,字体及样式等. 在网页中文字大小的设置是否妥当,直接影响到网页的 美观和浏览者的阅读.
4.2.2 设置已编排格式
在Dreamweaver CS3的默认设置中,不允许输入多个空 格,也不允许中途换行,除非遇到换行标签.如果需要 设置成预先排好的格式,则使用已编排格式.具体步骤 如下:
已编排格式效果
4.2.3 使用块引用格式
在网页设计时,有些内容是引用他人的.此时需要使用排放成块引用格式, 具体步骤如下: 新建基本页,设置为已编排格式. 输入一段文字,并将其选中. 单击【块引用】按钮,完成块引用格式的设置,效果如图所示.
4.1.1 调整文字大小
前面了解了文字大小的重要性,现在介绍如何进行文字大小的设置, 具体步骤如下:
默认文字大小效果
【文本】选项卡
4.1.1 调整文字大小
选中所有的文字,然后单击【字体标签编辑器】按钮, 弹出【标签编辑器】对话框,如图所示.
【标签编辑器】对话框
4.1.1 调整文字大小
size属性值可以设置-6~+6中间的数值,数值越大则文 字越大.例如把size="+3"改为size="+6",其效果如图 所示.
设置字体效果
不同字体效果
4.1.3 设置文字字体
在设置字体时,字体列表中的字体样式是有限的,用户 可以根据需要添加字体,具体步骤如下:
【编辑字体列表】对话框
4.1.4 格式化文字
格式化文字是把文字以一定的样式输出,如加粗,倾斜 等.本小节将介绍如何格式化文字,具体步骤如下:
未格式化文字
文字加粗效果
格式化文字效果
4.2 文字排放
网页中文字的排放形式多种多样.有的文字在页面中呈 段落形式,有的呈列表形式;有的向左对齐,有的居中 对齐.本节将介绍如何排放文字,从而使网页整体效果 整齐有序.
4.2.1 设置段落文字
段落文字是区分文字之间的段落,它可以使网页内容的 脉络更清晰.段落文字的具体设置步骤如下: 新建基本页,在【设计】视图中输入一段文字. 选中输入的文字. 单击【段落】按钮,完成段落文字的设置.
单击【设计】按钮,切换到【设计】视图,效果如左图.从图中可 以看出,没有任何显示,这是因为HTML把字符串当成了一个标签. 如果要显示出输入的字符,需要使用字符实体进行转换.把< 和 > 用&lt;和&gt;来代替,效果如右图所示:
无字符实体效果
字符实体效果
4.3.2 换行字符
前面介绍了段落标签<p>,但在使用了<p>标签的两个段 落之间会有一个空行.如果只想换行但不空行的话,具 体步骤如下:
网页内容的排放有时要求整齐统一;有时要求活泼大方;有时要求 错落有致,从而可以看出对齐方式的设置对网页的重要性.如何进 行文字对齐方式的设置,具体步骤如下 :
未设置对齐方式效果
设置对齐方式效果
4.2.6 使用项目列表
当页面中含有多个并列的内容时,可以使用项目列表, 从而使页面中的内容显得整齐有序.设置项目列表的具 体步骤如下: