专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Html教程 » html字体设置:HTML学习之第四天-设置字体 »正文

html字体设置:HTML学习之第四天-设置字体

来源: 发布时间:星期三, 2008年10月22日 浏览:471次 评论:0
让网页中的文字的字体丰富多彩、变化无穷,是网页设计者必需具备的基本技术。
[ft=,2,] 1,标题字体的设置:
HTML中共有6中型号的标题字体:
从大到小为<h1>...<h1>,<h2>...<h2>,……<h6>...<h6>,“...”为标题内容。
[ft=,2,] 2,设置字号:
文字的大小是通过字号来设置的,HTNL中共有7中不同的字号:
设置方法:<font size=#>...</font>。“#”从小到大取值为1,2,3,4,5,6,7.
[ft=,2,] 3,段落的控制:
段落的控制有两种方式:
一种是换行:使用<br>,那如果不换行呢?没错,就是<nobr>,使用<nobr>后,不论这段文字多长,它都不会换行,在后面的例子中,就可以看到。
一种是开始新的一段:<p></p>其中</p>可省略。用<p></p>后,新的一段与上一段有一定的距离,而使用了<br>后就没有距离,只有行距。
[ft=,2,] 4,设置物理字体和逻辑字体:
物理字体是指文字的粗体(<b></b>),斜体(<i></i>),下划线(<u></u>),等,后面的例子可以看到。
逻辑字体是指文字的大号字体(<big></big>),小号字体(<small></small>),强调(<em></em>),着重(<strong></strong>与粗体类似),引用(<cite></cite>),闪烁(<blink></blink>blink只适用与网景的Netscape浏览器,IE不支持)等形式,具体见后面例子。
[ft=,2,] 5,字模: 即中文中的楷体、隶书及其它字体,或英文文字的Arial、Times New Roman等字体。格式如下:
<font face="#,#,……#">...</font>
[ft=,2,] 6,设置字体颜色:
<font color=#>...</font>,其中“#”取值可为#RRGGBB,及16进制的RGB颜色值(可参考第二天附件RGB相关),也可以是颜色的英文名字,具体见后面的例子。
最后说一下标识符的组合使用,组合使用时,只需要一一成对匹配即可。如:
<b><u>又加粗有加下划线</u></b>
例:
<html>
<head>
<title>设置字体例子</title>
</head>
<h1>这是一号标题</h1>
<h2>这是二号标题</h2>
<h3>这是三号标题</h3>
<h4>这是四号标题</h4>
<h5>这是五号标题</h5>
<h6>这是六号标题</h6>
<font size=1>这是一号字体</font>
<font size=2>这是二号字体</font>
<font size=3>这是三号字体</font>
<font size=4>这是四号字体</font>
<font size=5>这是五号字体</font>
<font size=6>这是六号字体</font>
<font size=7>这是七号字体</font>
<nobr>请改变浏览器宽度,使之小于这一行的宽度,看看这个nobr标记的作用</nobr>
<p><b>这是粗体</b>
<p><i>这是斜体</i>
<p><tt>这是等宽字体</tt>
<p>Z<sub>这是下标体</sub>
<p>Z<sup>这是上标体</sup>
<p><s>这是删除划线</s>
<p><strike>这是删除线</strike>
<p><big>这是大号字体</big>
<p><small>这是小号字体</small>
<p><blink>这是闪烁字体</blink>
<p><em>这是强调字体</em>
<p><strong>这是着重字体</strong>
<p><cite>这是引用字体</cite>
<font size=#ff0000>这是红色字体</font>
<font size=red>这也是红色字体</font>
</html>

相关文章

读者评论

  • 共0条 分0页

发表评论

  • 昵称:
  • 内容: