注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

醉墨 博客

以文会友 以友辅仁

 
 
 

日志

 
 

【转载】html 字体设置 (文字类)  

2014-07-24 15:30:34|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自黄大郎《html 字体设置 (文字类)》

 HTML学习 设置字体

   让网页中的文字的字体丰富多彩、变化无穷,是网页设计者必需具备的基本技术。
[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>

 
  评论这张
 
阅读(136)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017