教你从0开始学习制作网页3.pptVIP

第三章：文字与段落 邱江涛 1. 标题文字的建立 1.1 HTML文档中的标题文字对文本中的章节进行划分，它们以固定的字号显示。HTML文档中的标题文字有六个级别。 语法： h1标题文字/h1是一级标题 h6标题文字/h6是第六级标题 1.2 标题文字的对齐方式： 默认情况下，标题文字是左对齐的。 可以通过在h标签中设置align属性来改变标题对齐方式 标题文字的对齐方式 属性值有 left center right三种，其含义是左对齐，居中对齐，右对齐 例如：h1 aligh=center1级标题居中对齐/h1 练习： 创建一个html文档，体会各种标题设置（6个级别和3种对齐方式） 2. 文字格式标记 可以在HTML的文件体部分直接输入文字，它们将显示在页面中。如果需要为文字设置不同的效果，可以使用font/font标记。在这个标记之间的文字的效果将被font标记的属性设置。 2.1 设置文字字体 –face HTML语言可以通过font标记的face属性来设置文字的字体。但前提是计算机中安装了该字体。 2.2 字号 HTML提供了font标记的size属性来设置字号。字号的设置可以是1-7 例如，font size=6hello world/font 2.3 文字的颜色 通过font标记的color属性来设置文字的颜色，文字颜色的设置值与背景颜色的设置值相同 例如，font color=“#0099FF”hello world/font 练习： 创建一个HTML文件，可以取得下面的文字设置效果 2.4 粗体、斜体、下划线 粗体语法： strong文字/strong或b文字/b 斜体语法： em文字/em 或I文字/I 下划线语法： u文字/u 2.5 上标与下标： 语法：上标sup…/sup 下标sub…/sub 练习： 在HTML文档中编辑下面的公式 2.5 设置删除线– strik 语法：strik删除的文字/strik 例子： 2.6 空格 一般情况下，在网页中输入文字时，如果在段落开始增加了空格，在使用浏览器进行浏览时，往往看不到这些空格(试一试)。这是因为HTML文件中，浏览器本身会将空格自动删除，如果想在HTML文件中显示空格，可以使用特殊符号nbsp来代替。 2.7 其他空格符号 除了空格符号，在网页制作的过程中，还有一些特殊符号也需要使用代码进行代替。一般情况下，特殊符号的代码有前缀、字符名称和后缀；组成。 练习： 请编辑一个能产生如下效果的html文档。 3. 段落标记 在网页中如果要把文字有调理的显示，离不开段落标记的使用。在文本编辑软件中，可以通过回车来产生一个段落。在HTML中则不行，需要用标记来实现。 3.1 段落标记 – p 与其他标记不同，p标记可以没有结束标记。例如 在段落标记p中可以设置align属性，来规定段落的对齐方式（包括left、right、center三种） 例如p align=right段落对齐/p 3.2 换行标记 在HTML中可以使用br标记让文字强制换行。br标记是单标记。 3.3 居中对齐标记– center 对于段落来说，有时候需要将段落居中。将需要居中的文字放入center/center标记之间即可。 练习：将唐诗“春晓”，在HTML文档中做出下列文字效果的网页（不要求背景）。 4. 水平线 在网页中可以使用水平线将段落与段落隔开。 4.1 添加水平线标记 --- hr 在网页中输入一个hr标记，就添加了一条默认样式的水平线。（试一试） 4.2 设置水平线宽带和高度属性 默认情况下，在网页中插入的水平线是100%宽度，1像素的高度。而实际创建网页时，可以对水平线的高度和宽度进行设置。 hr width=宽度 size=高度 说明：水平线的宽度值即可以是确定的像素值，也可以是窗口的百分比。但高度只能是像素值。（试一试） 4.3 水平线颜色，color属性 hr color=“颜色代码” 4.4 水平线的对齐方式 align 水平线在默认的情况下是居中对齐的。如果希望左对齐或右对齐，需要使用参数align hr align=对齐方式 对齐方式包括left、right、center（试一试） 4.5 去掉水平线阴影 -- noshade 默认情况下，水平线是空心带阴影的立体效果，通过设置noshade参数可以将水平线的阴影去掉。 hr noshade 练习：做出如下图所示的HTML文档 综合练习 * * HTML HEAD TITLE New Document /TITLE BODY font face=黑体中华人民共和国/fontp font face=幼圆中华人民共和国/font /BODY /