优化网站文字字体设置

1、html网页的字体怎么设置好看

想用CSS设置字体样式，首先得了解CSS 字体属性，CSS 字体属性可以定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。
如下：
font 简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family 设置字体系列。
font-size 设置字体的尺寸。
font-size-adjust 当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。）
font-stretch 对字体进行水平拉伸。（CSS2.1 已删除该属性。）
font-style 设置字体风格。
font-variant 以小型大写字体或者正常字体显示文本。
font-weight 设置字体的粗细。
如果你希望文档使用一种字体可以这样
body {font-family: sans-serif;}
指定字体系列,如下，这样所有h1标签里面的字体就定义好了
h1 {font-family: Georgia;}
其中他们优先级是 h1>body
注意：如果读者没有安装 Georgia字体，会默认为其他字体，如果您对字体非常熟悉，也可以为给定的元素指定一系列类似的字体。要做到这一点，需要把这些字体按照优先顺序排列，然后用逗号进行连接：
p {font-family: Times, TimesNR, 'New Century Schoolbook',
Georgia, 'New York', serif;}
如果把一个 font-family 属性放在 HTML 的 style 属性中，则需要使用该属性本身未使用的那种引号如：
<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia,
'New York', serif;">...</p>
字体风格
font-style 属性最常用于规定斜体文本。
该属性有三个值：
•normal - 文本正常显示
•italic - 文本斜体显示
•oblique - 文本倾斜显示
实例
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
字体变形
font-variant 属性可以设定小型大写字母。
小型大写字母不是一般的大写字母，也不是小写字母，这种字母采用不同大小的大写字母。
实例
p {font-variant:small-caps;}
字体加粗
font-weight 属性设置文本的粗细。
使用 bold 关键字可以将文本设置为粗体。
关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold。
如果将元素的加粗设置为 bolder，浏览器会设置比所继承值更粗的一个字体加粗。与此相反，关键词 lighter 会导致浏览器将加粗度下移而不是上移。
实例
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
字体大小
font-size 属性设置文本的大小。
有能力管理文本的大小在 web 设计领域很重要。但是，您不应当通过调整文本大小使段落看上去像标题，或者使标题看上去像段落。
请始终使用正确的 HTML 标题，比如使用 <h1> - <h6> 来标记标题，使用 <p> 来标记段落。
font-size 值可以是绝对或相对值。
绝对值：
•将文本设置为指定的大小
•不允许用户在所有浏览器中改变文本大小（不利于可用性）
•绝对大小在确定了输出的物理尺寸时很有用
相对大小：
•相对于周围的元素来设置大小
•允许用户在浏览器改变文本大小
注意：如果您没有规定字体大小，普通文本（比如段落）的默认大小是 16 像素 (16px=1em)。
使用像素来设置字体大小
通过像素设置文本大小，可以对文本大小进行完全控制：
实例
h1 {font-size:60px;}
h2 {font-size:40px;}
p {font-size:14px;}

2、seo网站关键字设置

1、注意关键词与站点的相关性

你比如说，站点明明是个做SEO的分享博客，但关键词却是装修、机械这些词，这就极大的背离了站点的相关性原则，往往不容易得到好排名。网站的SEO关键词设置上，还是要以相关性为主。

2、设置适量的关键词

理由1、关键词过多会导致网站的关键词相关性比较分散，从而影响网站关键词的排名;2、在站点优化初期，页面的权重(或说综合评分)是比较低的，关键词多了，不利于集权。

因此，设置适量的关键词，比如2~3个主关键词，是比较恰当的。

3、分析用户的搜索习惯

SEO作为搜索营销，最大的特性就是——用户是通过搜索而找到我们的，这与现在众多的平台营销不同，平台营销更多的靠自动推送。由此，我们必须掌握住用户的搜索习惯。

小庄个人博客

3、如何将一个网站,优化并且 用文字形式展现出来？

优化一个网站 需要有足够的精力，并且时常关注该网站，并且有个长期的规划，需要迎合搜索引擎的口味，来进行优化网站，总体上这样操作：
第一、代码精简
代码精简是指清除或者简化页面中的代码，达到降低页面体积，提高页面加载速度，从而提升用户体验，提高搜索引擎友好度的目的。
不论一般的CMS系统，还是自己研发的网站程序，代码精简都非常必要。因为现在的程序开发往往都力争“无所不包”，恨不得在一个脚本系统中加入所有的功能，而对网站、用户、搜索引擎而言，这些功能可能并不需要，所以需要进行适当的精简。页面代码的精简通常可以分为以下几个方面：
1、垃圾代码清理；
2、HTML标签转换；
3、CSS优化；
4、JS优化；
下面简单介绍上述各方面的典型例子。
一、“垃圾代码清理”：将页面中无用的代码删除之后，页面不会有任何影响。
1、常见的垃圾
代码一般包括各种网页制作软件在制作网页时默认生成的无用代码，比如无意义的空格、默认属性、注释语句和空语句等。
“HTML标签转换”：从代码精简的角度考虑，将原本的长标签替换成拥有同样功能、搜索引擎认为作用一致的短标签，比如“<strong>”和“<b>”的作用都是加粗，但是“<strong>”比“<b>”多5个字符。如果网页上有很多个加粗的标签，明显用“<b>”替换“<strong>”可以起到代码精简的作用。
“CSS优化”：CSS是cascadingstylesheet的缩写，即层叠样式表。它是目前最常用的控制页面布局、字体、颜色、背景的技术。CSS优化主要是改变CSS的调用方式、采用DIV+CSS的方式进行页面制作，以防止垃圾代码的产生，减少重复代码。
“JS优化”：所谓JS，就是＆#106avascript的简称。在搜索引擎眼中，到目前为止仍然不解析JS生成的页面或者内容，也就是说JS对搜索引擎来说是不友好的，如果将内容放置到JS中，是无法被搜索引擎抓取的。JS优化主要是为了避免JS代码占用页面空间及重要位置，以及放置一些不希望搜索引擎看到的内容。
上面是一些典型的代码精简的例子，考虑到技术门槛，并未做过多地深入讲解。就目前来看，主流的CMS系统往往都需要进行代码的精简，根据不同情况，搜索引擎优化者应该进行适当的学习和调整。
2．<title>标签优化
<title>标签页称为标题标签，它和<keywords>、<description>标签一起构成网页的头部三大标签。
标题标签内容是对网页主题的概括，相当于一篇文章的题目。一般情况下，打开一个网站，在任意页面选择“查看源文件”，都可以看到页面中的<title>标签，而这个标签中的内容，，对用户来说，就显示在浏览器的顶部。
在整个站内搜索引擎优化技术当中，标题标签是最重要的，它对页面内容产生决定性影响，绝大多数搜索引擎都会提取网页标题中的内容作为搜索结果展现给用户。
在标题标签优化中，需要注意以下几个细节：
a、“唯一的标题”：在单网页优化中，所有网页都应该有适合自己的独特的标题。很多网站因为脚本程序的默认设置，或者是内容建设者的马虎，往往会造成网页内容不同，而标题相同的情况，这在搜索引擎优化中是应该杜绝的。
b、“标题长度”：为符合搜索引擎展示网页的需求，～般要求标题长度在25～30个字之间较为合适。如果太短，无法很清楚地表达出页面的内容；如果太长，则搜索引擎返回的查询结果中就无法完全显示。
c、“关键词分布”：在网页的标题中，尽量出现针对这个网页内容主题的关键字、关键词，但是需要自然，要符合用户阅读习惯，同时不要生硬地进行关键词堆砌。
d、“标题吸引力”：上一篇《这样优化标题，更吸引人》讲过，一个好的标题，应该对用户产生足够的吸引力，以方便网站在搜索结果中展现的时候，吸引更多用户进行点击。如果标题没有足够的吸引力，排名再好也不会让用户感兴趣，获得的流量自然也不会多。
e、“标题构成”：对单网页来说，一般情况下，标题顺序应该是“本页内容主题’’+“栏目名”+“网站名(品牌)”，这种标题构成格式是最常见，也是最符合用户习惯和搜索引擎喜好的标题构成方式。
3．<keywords>标签优化
<keywords>标签也就是网页的关键字标签，主要作用是告诉搜索引擎，此页面的主要内容要点、关键词。
对单网页来说，<keywords>标签应该按照关键词的重要性顺序，有针对性地罗列几个真实的关键词。也就是说，这里罗列的关键词应该是整个网页的主要内容凝练，不应该伪造或者堆砌关键词。
4．<description>标签优化
<description>标签也就是描述标签，主要是对当前网页内容的概括，是相对简单的页面介绍。
和<keywords>标签一样，因为早期很多人利用<description>标签堆砌关键词，从而达到作弊的目的，所以现在的一些搜索引擎已经表示减弱或者完全不将<description>标签作为排名算法因素。
不过，同<keywords>标签不同的是，很多搜索引擎会将<description>标签的内容，作为搜索结果展现中的描述，呈现给用户，所以从提高用户体验、吸引眼球的角度而言，<description>标签应该进行有针对性的优化：
a、<description>标签长度：在Google中，它有时会截取描述标签中的112个中文字符长度的内容，作为搜索结果中的描述，所以一般情况下，描述标签不应该太长、太短，以80～110个中文字符长度为宜：
b、关键词分布与组合：在<description>标签中，应该恰当地出现关键词，并且在自然、通顺、归纳网页内容的前提下，尽量进行关键词组合，以利于搜索引擎挖掘更多的长尾关键词。
5．<h>标签优化
对单网页来说，头部三大标签优化完成之后，整个网页的代码优化就大致完成一半，其余一些重要的权重标签优化占到另外的一半，比如<h>、<b>等。
<h>标签是所有权重标签中最重要的标签，它一共有6种样式，即<h1>～<h6>，这些标签在影响页面相关性方面逐级递减。
在实际的页面优化中，优化者应该将页面中最重要的内容，加上<hl>标签，比如单网页内容区域中的标题；将网页中的主要段落标题、二级分类加上<h2>标签。
需要注意的是，对内容单网页来说，不建议采用过多的<h>标签进行标记。通常情况下，<hl>出现1次，<h2>出现3、4次就足够了。<h3>可能偶尔出现在分类较细的网站首页，但是<h4>以后的<h>标签一般就没有运用的必要。
6．其他标签优化
除上述讲解的几个常用标签以外，还有一些其他的标签，也可以适当地进行优化，比如：
a、<font>标签：用于字体属性的定义。
b、<b>标签：粗体属性定义。，
c、<i>标签：斜体属性定义。
d、<u>标签：下划线属性定义。
这些标签有各自的作用，在“自然”的前提下，可以适当的使用，以便让网页更有层次感，更能突出页面内容重要性分级——但是这些标签一定不要在每一个单网页中都频繁出现，或者在任何一个标签中都加入几个关键词，这样的优化会造成关键词堆砌或者优化过度，往往适得其反。

第二、URL优化
URL优化是指通过对URL各组成部分进行适当的调整，以提高URL的搜索引擎友好度，提高用户的记忆、理解、输入的方便性．进而提高用户体验。
URL优化包括三大部分内容：
1．对域名、目录、文件的命名
好的URL命名方式，应该能让用户通过URL即可很清楚地明白自己身处的网站位置。
2．URL中分隔符的使用
在URL中，很多看起来都是起分隔作用的符号其实意义是不一样的，比如斜杠“/”是约定俗成的分隔符，用于URL中目录之间或者目录与文件名之间的分隔，而不能作为文件名中两个词语的分隔。
通常情况下，在CMS系统中的URL分隔符都有比较好的定义规范，不建议搜索引擎优化人员进行分隔符的修改。
3．URL长度和关键词控制
URL长度为用户体验考虑，当然是越短越有意义、越容易记忆越好，但是在搜索引擎优化中，在URL中适当地包含关键词是非常好的一种优化细节，通过关键词的包含，用户、搜索引擎都可以很方便地了解其含义。
这三部分之间相互制约、相互影响，最好的优化结果就是充分协调上述三个部分。

第三、关键词布局与密度
在任何一个单网页中，关键词的布局和密度都是比较重要的。换句话说，如果关键词布局设计得好，密度控制比较自然，那这个页面的优化相对而言就比较成功。
1．关键词密度
关键词密度每个搜索引擎的标准都不一样，有的控制很严，一般需要控制在2%～8%之内：有的根本不在乎，单页面的关键词密度30%也不会影响到排名。要检查某个网页的关键词密度，可以采用站长站上的关键词密度检测工具。
通常情况下，对搜索引擎优化者而言，推荐的关键词密度仍然是2%～8%，但是这并不是重点，重点是关键词出现的布局和网页内容的自然。
2．关键词布局
关键词的布局是优化细节中比较重要的一个部分，好的关键词布局，应该在网页标题、正文第一段、正文末尾、URL和链接等位置合理地出现关键词。
但是，如果搜索引擎优化者死记硬背这一点，在所有的地方都试图加入关键词的话，往往就意味着优化过度。切记以自然为主，不用刻意进行关键词堆砌。

第四、导入与导出链接
对单网页来说，导入链接决定这个网页的权重，导出链接决定这个网页给其他网页传递的权重。
在单网页优化当中，导入链接可以包含站内的导入连接和站外的导入链接两部分；导出链接也同样分为导出到站内的链接和导出到站外的链接两部分。
对单网页的导入与导出链接而言，应该尽量遵循以下的原则：
a、单网页的站内导入链接应该尽量多：也就是尽量在网站的内容链接中，形成更多指向网页的链接。
b、单网页的站外导入链接应该尽量多：尽量在其他网站上，建设指向此单网页的外部导入链接。
c、单网页的导出链接必须要有相关性：不管是单网页的站内导出链接还是站外导出链接，都应该有密切的内容相关性。只有有相关性的导出链接，才能为用户提供更好的用户体验，也才能更利于搜索引擎的排名。
对搜索引擎优化新手而言，导入／导出链接的建设相对单网页的其他优化细节而言更不容易理解，其实记住以下这句话不但可以很好地判断如何建设导入、导出链接，还能判断其他的优化细节是否必要。
提醒：搜索引擎优化者应该站在普通网站访问者的角度来审视网站，如果自己感觉需要的功能，则SEO就应该增加、扩展；如果自己都感觉不需要、不舒服、没意义的功能，则SEO应该修改、删除。

4、文字排版如何优化网站页面设计

一个网站是否美观关系到用户是否喜欢该网站，决定网站是否美观的因素就是网站页面设计。
从网站的角度出发，网站内容的核心就是文字，文字排版就是将文字进行合理的排列组合。从搜索引擎的角度出发，搜索引擎可以识别并采集的主要内容是文字。基于这两点，文字内容在网页中的重要性显而易见，企业网站设计时需要着重对这文字部分的内容进行合理优化，让其与网站的设计风格和表现需求相符合，从页让网站设计发挥出更大的价值。文字排版优化的实用方法如下：
1、文字格式应前后一致、风格统一
企业网站中运用文字时不会只集中在一个区域，所以在进行文字排版时应做到前后一致、风格统一，这样才能保证网站页面的整齐统一。影响文字格式的因素有文字颜色和大小，在网页设计中这两点应做到一前后一致，整齐美观。另外，在做到统一的同时还应注意动态性，让网上页面即整章有具有不失乏味。
2、文字的间距和行距应做到适当、科学
文字的间距和行距指的是两个文字之间和两行文字之间的距离，企业网站页面设计时应做到科学适当的设置网站页面文字的间距和行距，让整个页面的内容即紧凑又合理，只有合理的文字排列才能让用户顺便利的阅读网站内容。
避免出现的情况：①文字间距相对较小或过大，②文字行距过大或过小。无论是文字的间距过大还是过小都是不对的，过小会给人一种密密麻麻的感觉，让用户没有想要阅读下去的俗欲望；而过大就会导致网站页面的内容量过少，能够为用户提供的信息量降低。
分形科技建议：网站页面文字排版时上下文的间距控制在1.5倍相对合适，这符合大部分人的审美观念。
3、文字的颜色选择应合理
网页中的文字也是可以设计颜色的，这个颜色的选择应与网站的背景色有明显的差异，让人可以很容易的将二者区分开来，这样做有利于增强网页中文字内容的辨识度。另外，还需要从整个页面出发，注意整体的层次感，如文章的标题和正文中需要重点突出的内容可以设置一些不一样的颜色，让网站页面丰富起来，吸引用户阅读。
望采纳！谢谢！

5、在网页设计中如何对文字进行排版的优化

在网页设计中文字排版可以说是网页中的主体，排版的样式和美观程度能够直接影响到用户的体验，文字排版对网站设计中有哪些影响呢！网站重要的内容信息展示方式就是文字排版，能够让访客有更好的辨识度和易读性也是有文字排版来决定。那么文字排版包括字体，颜色，间距等方面，今天就谈谈文字排版对网站的影响。
1.文字排版行距字间距影响网站阅读性。

网页设计中文字不同的间距，不仅影响美观，也同时影响阅读性。在大段文字情况下，文字间距还有一行文字的长度都有很高的要求，用户都是喜欢看清晰文字，如果间距小，每行文字多挤一块就会显着乱七八糟的，会让用户提不起兴趣来再看。
2.文字的颜色影响视觉效果。
文字颜色要看整个网站的风格来搭配颜色，能够让文字的颜色搭配的更加舒适。但很少有用比较亮的颜色用着文字的颜色，因为用户在长时间阅读文章的时候会引起视觉疲劳，恰当的配色可以让网站提升魅力。

6、网页字体太小 怎么设置成正常字体？

调整网页和桌面所有软件的字号大小的方法如下：

1、在桌面任意空白文字点击鼠标右键，在随后打开的菜单中选择“显示设置”按钮，并点击进入。

2、在随后打开的菜单中找到“缩放与布局”文字下的“更改文本、应用等项目的大小”下的下拉框并点击。

3、在随后打开的下拉框选项中选择“175%”即最大的文本字号。

4、随后回到桌面即可看到应用的图标已经变大了，打开浏览器发现字号也变大了。

7、网站建设如何做好文字排版优化

第一、文字间距；除了文字颜色要注意之外，还需要注意其上下间距问题。因为当我们浏览文字时，如果间距设置的不合理，会感觉太松散或者是太紧凑，读者阅读起来很不舒适，会刺激眼睛。所以文字的上下间距很重要。在文字内容较多的情况下，排版文字间距，以及每行的文字长度在用户体验角度上有严格的要求。

第二、文字颜色；文字并不是一成不变的黑色的，还会有很多其他的颜色来点缀装扮文字。因为本身网站整体有一个风格，就会有一个主色调，所以文字的颜色也需要与整体色调搭配。通常文字还会有背景色，所以在选择文字颜色时要慎重，因为文字颜色会与背景色相冲，导致用户阅读有障碍，所以与文字背景颜色搭配要舒适，但通常不采用亮色系的色彩作为全部文字的主体颜色，用户对亮色系的色彩视觉较为敏感。

第三、文字留白；留白，这种设计方式我们在很多设计网页中都可以看到，除了图片设计中使用这种留白方式，文字设计中也可以使用这种巧妙的留白设计。在排版文字时，在版面需要留出空余空间，留白面积从小到大应该遵循的顺序是：字间距、行间距、段间距。此外，在排版内容区之前，需要根据页面实际情况给页面四周留出余白。这样的话，就可以进一步提高文字的阅读性。

最后、就是文字重复； 文字也可以进行重复排列，重复的模式不代表没有创意，重复给用户一种有组织、一致性的体验，可以创造连贯性，显得更专业。对文字来说，可能字体、字号、样式的重复，也可能是同一种类型的图案装饰、文字与图片整体布局方式等。重复原则在网页设计上应用非常广泛，单一的重复可能会显得单调，设计师却可以根据不同网站的需求灵活使用，比如有变化的重复能增加创新，给网页设计增加活力。

8、怎样做好网站样板文字的优化

我们有时候会发现在做SEO的时候最后让你的网站脱颖而出的会是一些细节方面的优化，在一个竞争很激烈的行业外链、内容这些大的因素大家可能做得都差不多，这时候网站的细节方面的优化就显得尤为重要，如果你做了好你就会建立优势。样板文字的优化就是我们容易忽略的优化细节，样板文字如果做不好对网站也是有不小影响的，有以下几点：
一、样板文字分类
样板文字也就是首页、目录页、内页等多个页面都有的内容，我们所说的样板文字主要分为两种纯文字和链接(锚文字链接和网址链接)
1.纯文字
纯文字主要指的是我们网站头部和底部的一些通用的文字，比如头部的收藏主页、网站地图、电话等等，底部的版权信息、备案信息、公司信息，有很多企业网站喜欢在网站底部或者头部加一排自己优化的关键词的纯文字，以为这样可以增加关键词密度，其实这算是作弊行为对网站的损害是很大的。
2.链接
链接包括锚文字链接和网址链接，在上面提到的刻意增加关键词除了纯文字也有很多加锚文字的，很多企业网站会在网站底部再加一排导航这样就和顶部的导航直接重复，造成页面质量下降，其次锚文字的样板文字主要还是指的我们在文章中加的关键词锚文字链接和内链系统中的链接，因为这些链接在很多页面中都是存在的，锚文字的样板文字处理不好危害是大于纯文字的，因为他不仅影响到了页面和页面的相识度，还会影响内链系统的权重分配，内链的因素和外链的因素从重要性角度对于关键词排名是相差无几的，所以说我们要格外注意这一点。
二、样板文字处理不好的危害
样板文字的比例是网站页面质量评价很重要的标准，样板文字如果做不好会带来下面几个方面的危害
1.稀释该页面正文内容的比例
如果我们为了增加关键词密度或者其他因素刻意的去增加样板文字，如果这样的页面多了，搜索引擎会认为我们的正文内容比例下降，可能就会判定为作弊行为对网站进行惩罚
2.页面和页面之间的相似度增加
如果多个页面的样板文字比例过高，那么搜索引擎会认为这些页面是重复页面，如果出现大量的这样的页面，那么就是相当危险的
3.降低页面权重导出
这里主要指的是内链锚文字的样板文字，我们在设置这些锚文字的时候如果出现了重复或者刻意增加，那么这个内链的权重导出就会受到影响，不能达到我们的预期效果
三、应该如何处理样板文字
我们知道了样板文字的危害，所以在处理样板文字的时候我们要秉着一个原则那就是不要刻意的去增加关键词，在首页的样板文字我们要做到尽量的精简，底部只保留必要的版权信息和企业信息即可，不要刻意的去增加关键词或者增加多余的东西。
对于文章中的锚文字，再加的时候我们首先要考虑用户有没有点击的需求，而不是为了增加关键词密度而去刻意加一个锚文字。
总结
细节决定成败，在网站优化中也是如此，在竞争激烈的情况下，如果我们做好样板文字这个细节，我们就有可能打败我们其他的竞争对手，希望大家能更注重细节的优化。

9、网页设计怎么设置同意字体格式样式

一、文字样式设置的基本标签—<font> 
设置字体样式的基本标签是<font></font>，被其包含的文本为样式作用区。在初学者的HTML代码编写中，<font></font>容易被多重嵌套，如<font 属性1=值1><font 属性2=值2>文本</font></font>。还有一种情况是标签嵌套错位，如<font><p>文本</font></p>。为了规范代码的编写，避免不必要的错误，读者在初学时一定要谨慎。 
二、设置文字的颜色 
color是<font></font>标签的属性之一，用于设置文字颜色。在D:web目录下创建网页文件，命名为font_color.htm，编写代码如代码4.7所示。 
代码4.7 字体颜色的设置：font_color.htm 
<html> 
<head> 
<title>字体颜色的设置</title> 
</head> 
<body> 
浅红色文字：<font color="#dd0000">HTML学习的本质就是该是什么就用什么</font><br /> 
深红色文字：<font color="#660000">HTML学习的本质就是该是什么就用什么</font><br /> 
浅绿色文字：<font color="#00dd00">HTML学习的本质就是该是什么就用什么</font><br /> 
深绿色文字：<font color="#006600">HTML学习的本质就是该是什么就用什么</font><br /> 
浅蓝色文字：<font color="#0000dd">HTML学习的本质就是该是什么就用什么</font><br /> 
深蓝色文字：<font color="#000066">HTML学习的本质就是该是什么就用什么</font><br /> 
浅黄色文字：<font color="#dddd00">HTML学习的本质就是该是什么就用什么</font><br /> 
深黄色文字：<font color="#666600">HTML学习的本质就是该是什么就用什么</font><br /> 
浅青色文字：<font color="#00dddd">HTML学习的本质就是该是什么就用什么</font><br /> 
深青色文字：<font color="#006666">HTML学习的本质就是该是什么就用什么</font><br /> 
浅紫色文字：<font color="#dd00dd">HTML学习的本质就是该是什么就用什么</font><br /> 
深紫色文字：<font color="#660066">HTML学习的本质就是该是什么就用什么</font><br /> 
</body> 
</html> 
不但可以从代码4.7中学到color属性在font标签中的用法，还可以熟悉各种颜色的表示方法。 
三、 设置文字的尺寸 
size也是<font></font>标签的属性，用于设置文字大小。size的值为1-7，默认为3。我们可以size 属性值之前加上“＋”、“－”字符，来指定相对于字号初始值的增量或减量。在D:web目录下创建网页文件，命名为font_size.htm，编写代码如代码4.8所示。 
代码4.8 字体尺寸的设置：font_size.htm 
<html> 
<head> 
<title>字体尺寸的设置</title> 
</head> 
<body> 
size为1：<font size="1">HTML学习</font><br /> 
size为2：<font size="2">HTML学习</font><br /> 
size为3：<font size="3">HTML学习</font><br /> 
size为4：<font size="4">HTML学习</font><br /> 
size为5：<font size="5">HTML学习</font><br /> 
size为6：<font size="6">HTML学习</font><br /> 
size为7：<font size="7">HTML学习</font><br /> 
</body> 
</html> 
可尝试在size值前面加上“＋”、“－”字符，更灵活地设置文字尺寸。 
四、设置文字的字体 
face也是<font></font>标签的属性，用于设置文字字体（字型）。HTML网页中显示的字型从浏览端的系统中调用，所以为了保持字型一致，建议采用宋体，HTML页面也是默认采用宋体。在D:web目录下创建网页文件，命名为font_face.htm，编写代码如代码4.9所示。 
代码4.9 字体字型的设置：font_face.htm 
<html> 
<head> 
<title>字体字型的设置</title> 
</head> 
<body> 
字型为宋体：<font size="5">沁园春·长沙-毛泽东</font><br /> 
字型为楷体：<font size="5">沁园春·长沙-毛泽东</font><br /> 
字型为黑体：<font size="5">沁园春·长沙-毛泽东</font><br /> 
字型为隶书：<font size="5">沁园春·长沙-毛泽东</font> 
</body> 
</html> 
五、 使文字倾斜 
用双标签<i></i>可使被作用文字倾斜，达到特殊的效果，例如文章的日期。<em></em>被称为强调标签，也是斜体，目前使用比<i></i>标签更频繁，其编写方法如下： 
<i>这是斜体文字</i> 
<em>这也是斜体文字</em> 
六、 使文字加粗 
用双标签<b></b>可使被作用文字加粗，是文字更加醒目，例如文章的标题部分。<strong></strong>被称为特别强调标签，也是文字加粗，目前使用比<b></b>标签更频繁，其编写方法如下： 
<b>这是粗体文字</b> 
<strong>这也是粗体文字</strong> 
七、给文字加下划线 
用双标签<u></u>可添加下划线到被作用文字。以下为文字倾斜、加粗和下划线的综合示例。在D:web目录下创建网页文件，命名为font_style.htm，编写代码如代码4.10所示。 
代码4.10 文字修饰的设置：font_style.htm 
<html> 
<head> 
<title>字体修饰的设置</title> 
</head> 
<body> 
<font size="5">斜体：<em>沁园春·长沙-毛泽东</em><br /> 
加粗体：<strong>沁园春·长沙-毛泽东</strong><br /> 
下划线：<u>沁园春·长沙-毛泽东</u><br /> 
斜体 加粗体 下划线：<em><strong><u>沁园春·长沙-毛泽东</u></strong></em></font> 
</body> 
</html> 
— 注意：在多个标签包含同一块文字时，其包含顺序不能错位。 
八、 多种标题样式的使用 
网页的文章中，为了凸显标题的重要性，标题的样式比较特殊。HTML技术保护了一套针对标题的样式标签，分别为双标签<h1>到<h6>，文字尺寸从大到小代表不同级别的标题。标题标签有一个特点，独占一行、文字加粗、文字居中。这样，在设置标题的时候就很轻松了，并且可设多级标题。在D:web目录下创建网页文件，命名为font_h.htm，编写代码如代码4.11所示。 
代码4.11 标题的设置：font_h.htm 
<html> 
<head> 
<title>标题的设置</title> 
</head> 
<body> 
<h1>一号标题</h1> 
<h2>二号标题</h2> 
<h3>三号标题</h3> 
<h4>四号标题</h4> 
<h5>五号标题</h5> 
<h6>六号标题</h6> 
<h1>财富杂志：谷歌为何不会盛极而衰</h1> 
　<h3>遭遇潜在问题</h3> 
<p>&nbsp;&nbsp;&nbsp;&nbsp;一些业内人士认为，长期垄断互联网搜索和广告市场谷歌可能会盛极而衰。...与此同时，谷歌近日推出的多项新计划，例如开放手机联盟、社交网站通用平台OpenSocial、以及可能投资数十亿美元竞购无线频段，也遭到了广泛的质疑。 
<h3>将继续垄断搜索</h3> 
<p>&nbsp;&nbsp;&nbsp;&nbsp;最近有一些文章称，如果出现更好的搜索引擎，人们会毫不犹豫地放弃谷歌。但是，即使真有更好的搜索引擎出现，谷歌仍然可以在一段时间内屹立不倒。...在这种情况下，网站速度往往会成为决定胜负的关键。</p> 
</body> 
</html> 
九、学会处理网页中的特殊字符 
在HTML中，有一些字符有特殊含义，例如“<”和“>”是标签的左括号和右括号，而标签是控制HTML显示的，标签本身只能被浏览器解析，并不能在页面中显示。那么，该怎样在HTML中显示“<”和“>”呢？
特殊符号 
HTML代码 
特殊符号 
HTML代码 
< 
&lt; 
™（商标符号） 
&trade; 
> 
&gt; 
®（注册符号） 
&reg; 
“”（英文半角） 
&quot; 
× 
&times; 
§ 
&sect; 
©（版权符号） 
&copy; 
在D:web目录下创建网页文件，命名为string.htm，编写string.htm代码如代码4.12所示。 
代码4.12 特殊字符的设置：string.htm 
<html> 
<head> 
<title>特殊字符的设置</title> 
</head> 
<body> 
<font size="5"> 
标签的显示方法：&lt;HTML&gt;<br /> 
引号的显示方法：&quot;英文半角双引号&quot;<br /> 
商标的显示方法：&trade;<br /> 
注册符号的显示方法：&reg;<br /> 
版权符号的显示方法：&copy;<br /> 
显示&sect;<br /> 
显示&times; 
</font> 
</body> 
</html> 
— 说明：单独显示符号&必须用代码&amp;。 
十、如何更方便地忽略浏览器对部分HTML的解析 
如果在网页中作一个类似本书的HTML代码示例，恐怕得把所有的<和>转换成&lt;和&gt;，显得比较麻烦。HTML代码中的<plaintext>和<xmp></xmp>可以轻松解决这个问题。 
<plaintext>是单标签，它插入到HTML代码中时，其后面的所有HTML标签全部失效，即浏览器对<plaintext>后面所有的HTML标签不作解析，直接在页面上显示。 
<xmp></xmp>是双标签，它只使其包含的内容中的标签失效，<xmp></xmp>的使用更为普遍。在D:web目录下创建网页文件，命名为html.htm，编写代码如代码4.13所示。 
代码4.13 忽略标签的设置：html.htm 
<html> 
<head> 
<title>忽略标签的设置</title> 
</head> 
<body> 
<h2>沁园春·长沙</h2> 
<xmp>独立寒秋，<strong>湘江北去</strong>，橘子洲头。 <br />看万山红遍，层林尽染； <br />漫江碧透，<u>百舸争流。</u> <br /></xmp> 
鹰击长空，<strong>鱼翔浅底，</strong> <br />万类霜天竞自由。 <br />怅寥廓，<u>问苍茫大地</u>，谁主沉浮？<br /> 
<plaintext> 
携来百侣曾游，<br />忆往昔峥嵘岁月稠。 <br /> 恰同学少年，风华正茂； <br /> 书生意气，挥斥方遒。 <br /> 指点江山，激扬文字， <br /> 粪土当年万户侯。 <br /> 曾记否，<strong>到中流击水</strong>，浪遏飞舟！ 
</body> 
</html> 
十一、其他文字修饰方法 
为了满足不同领域的需要，HTML还有其他修饰文字的标签。比较常用的有上标格式标签和下标格式标签。某些场合甚至要用到删除效果，即可用HTML的中划线标签。 
— 上标格式标签为双标签，多用于数学指数的表示，比如某个数的平方或立方。 
— 下标格式标签为双标签，多用于注释，以及数学的底数表示。 
— 中划线标签为双标签<strike></strike>，多用于删除效果。 
在D:web目录下创建网页文件，命名为other.htm，编写代码如代码4.14所示。 
代码4.14 其他修饰标签的设置：other.htm 
<html> 
<head> 
<title>其他修饰标签的设置</title> 
</head> 
<body> 
<font size="5"> 
沁园春^长沙！<br /> 
数学指数的表示：2³=8、100²=10000<br /><hr /> 
沁园春_长沙！<br /> 
数学底数的表示：log₃81=4、log₅125=3<br /><hr /> 
删除效果：<strike>我被删除了</strike> 
</font> 
</body> 
</html>