html文字文字标记,HTML之文字标记的设置

一、web1.0时代文字设计的思路

1、文字设计的标记

web1.0将文字放在与标记之间定义，可以用来设计文本的字体、字号、颜色和其他属性代码如下：

color="">网页中文字设计

2、这里的

face用来设计文字的字体，例如face="宋体"

size用来设计文字的字号，例如size="7"

color用来设计文字的颜色，例如color="#ff0000"

如果你设计的代码是这样

color="#ff0000">网页中文字设计

页面中的效果如下图：

3、但是这样设计给我们带来了很多问题，比如文字字号固定的问题，文字在浏览器中这样设计是不能固定的如下图：

我们切换浏览器菜单栏：查看——文字大小——最小，查看——文字大小——最大。如下图显示

这样很明显文字的大小在变化。但是你可以查看任何一个门户网站看看他们的字号是不会变的。

那么我们该如何设计呢？

二、web2.0时代文字的设计

不像1.0时代那样，web2.0时代是用css样式来设计文字的字号的。这样就可以固定文字的大小了，代码如下：

face="宋体" style="font-size:12px"

color="#ff0000">网页中文字设计

你可以将代码复制到网页中查看，看看字号是不是固定了。

三、文字的设计除了文字的字体、字号、颜色还有很多的修饰设计：比如文字带下划线、文字上标、文字下标、文字行距、字间距等等。下面列出html中的文字修饰标记。

文字加下划线：文字

文字加删除线：文字

文字加粗：文字

文字倾斜：文字

文字上标：X²

文字下标：X₂

文字的行距和间距最好在CSS样式中设计。

关于文字的设计现在总结如上，现在讲的是HTML，只讲这么多，后面样式中再说