(整理)HTML字体标记:标题字体,字体大小,物理字体,逻辑字体,字体颜色,客户端字体,字符实体

原创 2012年03月26日 23:29:21

                        HTML字体标记

  HTML字体标记包括:标题字体,字体大小,物理字体,逻辑字体,字体颜色,客户端字体,字符实体等.


1.标题字体:

<h#> ... </h#> #=1, 2, 3, 4, 5, 6

<h1 align="center">居中显示标题</h1>

<h1 style = "background-color:#ff0000;">设定标题背景颜色</h1>


2.字体大小:


<font size=#>  </font>  

    #=1, 2, 3, 4, 5, 6, 7 or +#, -#

<basefont size=#> #=1, 2, 3, 4, 5, 6, 7,设置默认显示

3.物理字体:

   <b> 粗体 </b>

   <i> 斜体 </i>

   <ins>下划线</ins>

   <del>删除线</del>

   <sub>下标字</sub>

   <sup>上标字</sup>

   <u>删除字<u>


4.逻辑字体:

  <big>大号字</big>

  <small>小号字</small>

 

<em>着重字体</em>

  <strong>加强语气</strong>

   

  <code>  </code> 

  <samp>  </samp> 

  <kbd>   </kbd>  

  <var>   </var>  

  <dfn>   </dfn>  

  <cite>  </cite>  

  

指定“字体大小”的标记和“指定字体”的标记的组合使用

  

        <i> 
        <font size=5>
        
        <b>今天</b> 天气
        <font size=6> 真好!</font>
        
        </font>
        </i>

5. 字体颜色:

      指定颜色 <font color=#> ... </font>


6.客户端:

    <font face="#, #, ..., #"> ... </font>

     #=客户端可获得的字体

  <font face="Arial, Helvetica"> Hellow World!</font>


7.字符实体:

  使用格式:

   &#; #=字符实体名称 或者 ascii 值

HTML2.0 的字符集

  
&amp;           &
&lt;            <
&gt;            >
&quot;          "


综合实例代码:

<html>
  
    <head>
    
    </head>
    
    
    <body>
    
      <h1 style = "background-color:#ff0000;">This is heading 1(h1)</h1>
      <h2 style = "background-color:#0000ff;">This is heading 2(h2)</h2>
      <h3 align="center"> This is heading 3,此标题在页面中进行了居中排列</h3>
      <h4>This is heading 4 (h4)</h4>
      <h5>This is heading 5 (h5)</h5>
      <h6>This is heading 6(h6)</h6>
      
      <fontbase size=3> 默认设置三号字体显示
      	
      	<br />
      
      <font size=5>五号字体显示</font>
      
      <br /> <br />
      
      <b> <font size=7>定义粗体的7号文本 </font>  </b>   
 			
   		<br /> <br />

		  <i> <font color=red>定义斜体的红色(预定义色彩)文本</font> </i>
		
		  <br /> <br />

		  <big>定义大号字</big>	<br />

		  <small> 定义小号字</small>	 <br />	<br />

		  <em>定义着重文字</em>	<br />

		  <strong>定义加重语气</strong>	<br /> <br />

		  <ins>定义插入字</ins>	<br />

		  <del> 定义删除字</del>		<br />

	   	<s>不赞成使用。使用 <del> 代替</s> 	<br />

		  <u>不赞成使用。使用样式(style)代替</u>

	  	<strike>不赞成使用。使用 <del> 代替</strike>	    <br /> <br />

		  <sub> 定义下标字</sub>	<br />

		  <sup>定义上标字</sup>	<br /> <br />

      <font face="Arial, Helvetica"> 客户端字体:Hellow World!</font>
		
		  <br /> <br />
		  字符实体
      &
      <
      >
      "
    
    </body>

</html>




 

HTML字体大小的设置

网页中常用的字体尺寸定义有7个号,1号字最小,7号字最大,定义字号的    指令代码是尖括号内:   为了便于正常显示,暂时用[ ]代替。    各种字号尺寸如下:    [f...
  • u012230055
  • u012230055
  • 2014年10月22日 11:57
  • 7846

针对谷歌默认最小字体12px的正确解决方案 (css、html)

今天晨会,产品要求把以前12px的字体改小一点,我心想这有什么难的,就随口答应了。哪知,改css的时候,谷歌浏览器中font-size小于12px时,字体就不会再缩小了。当时我的第一反应就是会不会是其...
  • qq_36278639
  • qq_36278639
  • 2016年10月27日 12:26
  • 1438

PHP考试题 测试题 练习题 选择题

一、单选题(每题3分)第1题 JavaScript脚本语言的前身是A.Basic B.Live ScriptC.Oak D.VBScript 第2题 使用CSS对文本进行修饰,若使文本闪烁,text-...
  • zscmj
  • zscmj
  • 2011年07月09日 08:52
  • 15516

HTML大全

一、1、Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的: 1. HTML是网页内容的载体...
  • oQiHaoGongYuan
  • oQiHaoGongYuan
  • 2015年10月10日 11:58
  • 3550

(整理)HTML字体标记:标题字体,字体大小,物理字体,逻辑字体,字体颜色,客户端字体,字符实体

HTML字体标记   HTML字体标记包括:标题字体,字体大小,物理字体,逻辑字体,字体颜色,客户端字体,字符实体等. 1.标题字体: ... #=1, 2, 3, 4, 5, ...
  • LYXAICLR
  • LYXAICLR
  • 2012年03月26日 23:29
  • 6093

java设置JLabel字体字号颜色

java设置JLabel字体字号颜色
  • z_cc_csdn
  • z_cc_csdn
  • 2017年10月01日 10:09
  • 321

如何修改wordpress文章字体格式、字号大小、字体颜色

在使用wordpress编辑文章的时候,很多朋友会发现它并没有像word文档一样有修改字体样式、字体大小、字体颜色、分页符等功能按钮,对我们写文章极为不便,原因是wordpress默认使用的是Tiny...
  • qintaiwu
  • qintaiwu
  • 2017年08月18日 07:24
  • 3373

HTML标题和段落

,,,,,字体
  • u012706758
  • u012706758
  • 2014年06月30日 08:49
  • 620

HTML4.0标准语法--字体

◇ 标题字体(Header) ... #=1, 2, 3, 4, 5, 6今天天气真好! 今天天气真好!今天天气真好! 今天天气真好!今天天气真好! 今天天气真好!今天天气真好! 今天天气真好!今天...
  • 21aspnet
  • 21aspnet
  • 2004年10月30日 17:50
  • 1470

eclipse中Java及html字体颜色的修改

1、首先是Java字体颜色的修改 windows---preferences--General--appearance--Colors and Fonts--java  2、html的字体颜色的修...
  • qq_32448811
  • qq_32448811
  • 2017年10月16日 20:05
  • 976
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:(整理)HTML字体标记:标题字体,字体大小,物理字体,逻辑字体,字体颜色,客户端字体,字符实体
举报原因:
原因补充:

(最多只允许输入30个字)