(整理)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>




 

相关文章推荐

开发环境搭建---交叉工具链、makefile编写、连接器脚本、Eclipse调试

开发环境搭建

从头开始写项目Makefile(三):变量的使用

仔细研究我们的之前Makefile发现,我们还有改进的地方,就是此处: target_bin : main.o debug.o ipc.o timer.o tools.o >---gcc -o tar...

Android原生AlertDialog修改标题,内容,按钮颜色,字体大小等

private void showAlerDialog() { AlertDialog dialog = new AlertDialog.Builder(this) ...

Android-PickerView 三级联动选择器的标题和内容的字体大小、颜色设置

最近项目中使用了Android-PickerView这个开源项目,用来做省市区三级联动选择器,发现这个开源项目中有些地方处理得不是蛮恰当,自己做了下改动处理。 原项目GitHub地址:h...

Android-Toolbar标题居中与字体大小和颜色

Android-Toolbar标题居中与字体大小和颜色 在安卓APP开发一直以来习惯性地都是自己写标题栏的布局。为了及时跟上时代的步伐,在现在的项目中引入了Toolbar. 1、返回的箭头 ...

iOS UIAlertController上修改标题(title) 消息(message) 按钮 的字体大小及颜色

iOS UIAlertController上修改标题(title) 消息(message) 按钮 的字体大小及颜色

android 设置Spinner文字标题颜色 字体大小样式

// 在初始化之前改变 Spinner文字标题颜色         mySpinner.xml 样式文件放在main.xml 同一目录 mySpinner.xml ...

MetInfo模板修改字体大小颜色教程

  • 2016年04月29日 16:30
  • 620KB
  • 下载

修改静态文本字体大小和颜色

  • 2013年12月05日 20:59
  • 1.79MB
  • 下载

改变CEdit中字体大小与颜色

注:本文是我在CSDN看到了一篇很精彩的技术讨论帖,所以转过来,鞭策自己。 以下是原文(我自己整理了一下) 问题的提出:  楼主olion 怎样修改CEdit中的文本的字体大小及颜色? 1 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:(整理)HTML字体标记:标题字体,字体大小,物理字体,逻辑字体,字体颜色,客户端字体,字符实体
举报原因:
原因补充:

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