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

                        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>




 

  • 5
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值