03文本操作及设置

合集下载

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

添加水平线
添加水平线的标记符为HR，它包括以下属性： –SIZE 属性用来改变水平线的粗细。 –WIDTH 属性用来更改水平线的长度。 –NOSHADE 属性使水平线以实线显示。 –COLOR属性可以控制水平线的颜色。 –Align属性为水平线的对齐方式
演示——水平线效果水平线效果演示
ALIGN 属性
FONT标记符标记符
字体标记符的 color 属性可用来控制文字的颜色，它的使用方法与正文标记符BODY中使用的 bgcolor 属性相同。
演示—— 演示
<HTML> <HEAD><TITLE>FONT 标记符的 color 属性</TITLE></HEAD> <BODY> 正常文本 这些是什么颜色 这些是什么颜色的文本 这些文字什么颜色 这些文字什么颜色 混合字 体大小 </BODY> </HTML>
混合嵌套列表举例（混合嵌套列表举例（comlist.htm））
<HTML> <HEAD><TITLE>混合嵌套示例</TITLE></HEAD> <BODY> <OL> <LI>列表项1 <LI>列表项2 <UL><LI>子列表项1 <LI>子列表项2</UL> <LI>列表项3 </OL> </BODY> </HTML>
Part 2
设置段落格式
段落格式
所谓段落格式是指针对 HTML 文档中的段落所设置的格式，例如，段落的对齐方式。
分段标记符
分段标记符用于将文档划分为段落，标记为，其中结束标记符通常可省略。换行标记符用于在文档中强制断行，标记为一个单独的 。该标记符与分段标记符是有区别的。
有序列表属性
OL 标记符最常用的属性type，用来设置标记符最常用的属性type， type 数字序列样式。取值为：数字序列样式。取值为：1、A、a、I、i。 Value属性可以指出当type 属性： type属性取值为 Value属性：可以指出当type属性取值为默认的效果），），列表前面可以显示 1时（默认的效果），列表前面可以显示不连续的值。不连续的值。 Start属性属性： Start属性：指出列表的初值
无序列表
标记符最常用的属性type type， UL 标记符最常用的属性type，用来设置项目符号样式。取值为：disc、circle、项目符号样式。取值为：disc、circle、 square。 square。注意：注意：在 IE 中，type 属性的取值是区分大小写的。分大小写的。
文字移动标记(marquee) 文字移动标记
文字移动方向的设置 <marquee direction=“”>文字文字</marquee> 文字
其中direction的属性值取“left”、“right”还有up 和down四个值，分别对应将中间的字体向左右、上下移动。
ALIGN 属性用于设置段落的对齐格式，其值包括：RIGHT（右对齐）、LEFT（左对齐）、CENTER（居中对齐）和 JUSTIFY （两端对齐）。 ALIGN 属性可应用于多种标记符，最典型的是应用于 P、Hn（标题标记符）、HR 等。
演示——段落对齐段落对齐演示
DIV 标记符
DIV 标记符用于为文档分节，以便为文档的不同部分应用不同的段落格式，其标记为<DIV></DIV>。位于 DIV 标记符中的多段文本将被认为是一个节，可为它们设置一致的对齐格式。
Part 1
设置字符格式
字符格式
文本是网页中最基本的元素，既可以手工逐字逐句的输入，也可以把别的应用程序中的文本直接粘贴到网页编辑窗口中。字符格式是针对段落中的部分文字（一个或一组文字，也可以是整个段落的文字）所设置的格式，通常包括字体、字号、文字颜色等。
FONT标记符标记符
FONT标记符具有3个常用的属性： –SIZE 设置字体大小 –COLOR 设置字体颜色 –FACE 设置字体样式字号属性 size 的值可以从1到7，3是默认值该属性值也可以用 + 号或 - 号来作为相对值指定。
逻辑字符样式是指标记符本身说明了所修饰效果的逻辑含义，逻辑风格指定文本的作用。例如，ADDRESS标记符说明了“地址”这个含义，但并没有说明具体的效果。又如：突出显示，它并不指明怎样突出法，而让浏览器自行决定，大多数浏览器就把它处理为斜体。
演示——逻辑字符样式效果逻辑字符样式效果演示
有序列表的嵌套举例（有序列表的嵌套举例（list2.htm））
<HTML> <HEAD><TITLE>嵌套的有序列表</TITLE></HEAD> <BODY> <H2>嵌套的有序列表</H2> <OL type="A"> <LI>列表项 1 <OL><LI>子列表项 1<LI>子列表项 2<LI>子列表项 3</OL> <LI>列表项 2 <LI>列表项 3 </OL> </BODY> </HTML>
Part 3
设Biblioteka Baidu列表格式
有序列表
有序列表（ list）也称数字式列表，有序列表（Ordered list）也称数字式列表，它是一种在表的各项前显示有数字或字母的缩排列表。一种在表的各项前显示有数字或字母的缩排列表。定义有序列表需要使用有序列表标记符<OL></OL>和定义有序列表需要使用有序列表标记符<OL></OL>和 <OL></OL> 列表项（ item）标记符<LI></<LI> <LI></<LI>（列表项（List item）标记符<LI></<LI>（结束标记符可省略），语法如下：符可省略），语法如下：），语法如下 <OL> <LI>List item 1 <LI>List item 2 </OL>
西安工业大学
主讲：房亚东
tomfangok@126.com 83208212（O）
网页设计
——文本设置与操作
学习目标
掌握FONT标记符的用法，理解物理字符样式和逻辑字符样式。掌握P、BR、Hn、HR标记符的用法，掌握设置段落对齐的方法。掌握有序列表、无序列表和嵌套列表的构造方法。掌握文字移动标记方法(marquee)的使用利用Dreamweaver对文本进行编辑和设置
Part 4
文字移动标记(marquee) 文字移动标记跑马灯
文字移动标记(marquee) 文字移动标记
用文字编排各种web页面时，有时难免会有一些需要强调的部分，此时设置一些文字的动态效果会起到强调突出文本的作用。在 HTML页面设置文字的移动，必须在浏览器中才能显示。文字移动所包含的主要内容有：
演示—— 演示
<HTML> <HEAD><TITLE>FONT 标记符的 size 属性</TITLE></HEAD> <BODY> 正常文本 这些是大字体的文本 这些是小字体的文本 这些文字的字体比正常文本大 2 号 这些文字的字体比正常文本小 2 号 混合字 体大小 </BODY> </HTML>
演示—— 演示
常用物理字符样式
物理字符样式是指标记符本身说明了所修饰的效果，物理风格直接指定字体。常用物理字符样式标记符有： –黑体标记 –斜体标记 –下划线标记等。
演示——物理字符样式效果物理字符样式效果演示
常用逻辑字符样式
演示——P与BR 与演示
标题样式
在 HTML 中，用户可以通过 Hn 标记符来标识文档中的标题和副标题，其中 n 是1 至6的数字；H1表示最大的标题，H6表示最小的标题。使用标题样式时，必须使用结束标记符。 <h1> 使用大标题 </h1> 结束大标题 <h3> 使用中标题 </h3> 结束中标题 <h6> 使用小标题 </h6> 结束小标题
有序列表举例（list1.htm）
<HTML> <HEAD> <TITLE>有序列表示例</TITLE> </HEAD> <BODY> 用大写罗马字母表示的有序列表： <OL type="I"> <LI>列表项1 <LI>列表项2 <LI>列表项3 </OL> 起始数字为 3 的有序列表： <OL start="3"> <LI>列表项1 <LI>列表项2 <LI >列表项3 </OL> 编号不连续的有序列表 <OL><LI>列表项1 <LI>列表项2 <LI value="5">列表项3</OL> 变换了数字样式的有序列表 <OL><LI>列表项1 <LI>列表项2 <LI type="A">列表项3 </OL> </BODY> </HTML>
FONT标记符标记符
Face 属性用来指定字体样式。在编制网页时，通过在FONT标记符中指定 face 属性，用户可以指定一个或几个字体名称（用逗号隔开）。
演示—— 演示
<HTML> <HEAD><TITLE>font中的字体示例</TITLE></HEAD> <BODY> <DIV align="center"> 以下是常用中文字体： 宋体 楷体 黑体 隶书 幼圆 以下是常用英文字体： Times New Roman Arial Arial Black Courtier New Comic Sans MS Verdana </DIV> </BODY> </HTML>
CENTER 标记符
如果用户要将文档内容居中，还可使用 CENTER 标记符，方法为：将需居中的内容置于<CENTER>和</CENTER>之间。
演示——DIV 演示
格式嵌套
如果所设置的格式是相容的，则取格式叠加的效果。如果所设置的格式是冲突的，则取最近样式符的修饰效果。
演示——格式嵌套格式嵌套演示
无序列表举例（无序列表举例（ulist1.htm））
<HTML> <HEAD><TITLE>无序列表示例</TITLE></HEAD> <BODY> 默认无序列表： <UL><LI>列表项1<LI>列表项2<LI>列表项3</UL> 使用方块作为列表项标记的无序列表： <UL type="square"> <LI>列表项1<LI>列表项2<LI>列表项3 </UL> </BODY> </HTML>