HTML文字段落.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属性来设置文字的字体。但前提是计算机中安装了该字体。 HTML HEAD TITLE New Document /TITLE BODY font face=黑体中华人民共和国/fontp font face=幼圆中华人民共和国/font /BODY /HTML * 2.2 字号 HTML提供了font标记的size属性来设置字号。字号的设置可以是1-7 例如，font size=6hello world/font 2.3 文字的颜色 通过font标记的color属性来设置文字的颜色，文字颜色的设置值与背景颜色的设置值相同 例如，font color=“#0099FF”hello world/font * 练习： 创建一个HTML文件，可以取得下面的文字设置效果 黑体4号蓝色字 宋体5号红色色字 幼圆6号绿色字 有情提示：p标记可以对文字分段 * 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 原代码 显示结果 描述 lt; 小于号或显示标记 gt; 大于号或显示标记 amp; 可用于显示其它特殊字符 quot; 引号 reg; ? 已注册 copy; ? 版权 trade; ? 商标 ensp; ? 半个空白位 emsp; ? 一个空白位 nbsp; ? 不断行的空白 * 练习： 请编辑一个能产生如下效果的html文档。 抬头空两个字符 商标 尖括号 双引号 * 3. 段落标记 在网页中如果要把文字有调理的显示，离不开段落标记的使用。在文本编辑软件中，可以通过回车来产生一个段落。在HTML中则不行，需要用标记来实现。 3.1 段落标记 – p 与其他标记不同，p标记可以没有结束标记。例如 亲爱的客户，您正打算购买 IBM的产品吗？正在为如何选择而困扰吗？ p正在为跟谁联系而头痛吗？/p 只需选择您感兴趣的产品、服务或解决方案 亲爱的客户，您正打算购买 IBM的产品吗？正在为如何选择而困扰吗？ 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 添加水平线标记 --- h