网页制作学习用好HTML字体标记及属性 - 蓝蓝设计_UI设计公司

帝皇彩票官网

追求卓越一诺千金

蓝蓝设计,2011年成立,主创清华团队,专注软件和互联网ui设计开发。擅长企业信息化管理、监控、大数据软件UIUE咨询和设计开发服务。立足UI,好好学习,天天进步!


网页制作学习用好HTML字体标记及属性

2020-2-22 前端达人 前端及开发文章及欣赏


我们在这里将要谈的是有关文字的标记,包括字体大小、颜色、字型...等变化,适当的应用可以增加页面的美观!

常用字体标记

<Hn>...</Hn> 标题 ,设定标题字体大小, n = 1 ( 大 ) ~ 6 ( 小 ) 会自动跳下一行。通常用在如章节、段落等标题上。
如 : <H2> 标题 </H2>

标题
如 : <H3 ALIGN = CENTER> 标题 </H3> ( 标题置中 )
标题
<B>...</B> 粗体字 。
如 : <B> 粗体字 </B>

粗体字

<I>...</I> 斜体字 。
如 : <I> 斜体字 </I> 
斜体字

<U>...</U> 加底线 。
如 : <U> 加底线 </U> 
加底线

<DEL>...</DEL> 横线 ( 表示删除 )。
如 : <DEL> 横线 </DEL> 
横线

<TT>...</TT> 打字体 ( 固定宽度文字 )。
如 : <TT> 打字体 </TT> 
打字体

<SUP>...</SUP> 上标字 。
如 : 字体 <SUP> 上标字 </SUP> 
字体 上标字

<SUB>...</SUB> 下标字 。
如 : 字体 <SUB> 下标字 </SUB> 
字体 下标字

<!...> 注解 ( 不会显示在浏览器上 ),可以多行。

如 : <! 更新日期 : 2000/1/1>

设定字体大小、颜色、字型

有关设定文字的方法共有以下几种 :

1.设定HTML文件主体文字颜色。<BODY>...</BODY>标记。 

如 : <BODY TEXT=RED>...</BODY> 或 
<BODY TEXT=#FF0000>...</BODY>

2.设定基本字体大小、颜色、字型。<BASEFONT>...</BASEFONT>标记。

3.设定字体大小、颜色、字型。<FONT>...</FONT>标记。

<BASEFONT>...</BASEFONT> 设定基本字体 ,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。
如 : <BASEFONT SIZE=4> 基本字体大小为 4 </BASEFONT> 
基本字体大小为 4

如 : <BASEFONT COLOR =#FF0000> 设定颜色 </BASEFONT> 
设定颜色

如 : <BASEFONT FACE = 标楷体 , 细明体 > 设定字型 </BASEFONT> 
设定字型

<BIG>...</BIG> 基本字体加大 。
如 : <BASEFONT SIZE=4> 基本字体大小为 4,</BASEFONT> 
<BIG> 加大为 5 </BIG> 
基本字体大小为 4, 加大为 5

<SMALL>...</SMALL> 基本字体减小 。
如 : <BASEFONT SIZE=4> 基本字体大小为 4,</BASEFONT> 
<SMALL> 减小为 3 </SMALL> 
基本字体大小为 4, 减小为 3

<FONT>...</FONT> 设定字体大小、颜色、字型 ,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。
如 : <FONT SIZE=4> 字体大小为 4 </FONT> 
字体大小为 4

如 : <BASEFONT SIZE=4> 基本字体大小为 4 
<FONT SIZE= 1> 1字体大小为 5 </FONT> 
<FONT SIZE=-2> -2字体大小为 2 </FONT>...</BASEFONT> 
基本字体大小为 4 
1字体大小为 5 
-2字体大小为 2 

如 : <FONT COLOR =#FF0000> 设定颜色 </FONT> 
设定颜色

如 : <FONT FACE = 标楷体 , 细明体 > 设定字型 </FONT> 
设定字型

新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。

1. 设定字体的大小分 : 绝对SIZE 如 : <FONT SIZE=4> 
和 相对SIZE 如 : <FONT SIZE= 1> ( 以 BASEFONT 设定的字体大小做加减 )。

2. 设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度 ( 00 暗 ~ FF 亮 )。 #RRGGBB 所代表的是红、绿、蓝三原色,每一色由两位十六进制的数值表示 ( 即十进制 0 ~ 255 )。 
十六进制 : 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。

3. 设定字体的字型会按照顺序找出显示的字型,若找不到则以系统预设字型显示。
————————————————
版权声明:本文为CSDN博主「前端学习线路」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/webxuexi168/article/details/104411193
标签: html 网页制作 帝皇彩票官网B端web表格设计总结»


蓝蓝 http://www.bjhbys.com

  1. 2020年2月(31)
  2. 2020年1月(32)
  3. 2019年12月(50)
  4. 2019年11月(61)
  5. 2019年10月(49)
  6. 帝皇彩票官网2019年9月(48)
  7. 2019年8月(58)
  8. 2019年7月(58)
  9. 2019年6月(58)
  10. 2019年5月(31)
  11. 2019年4月(37)
  12. 帝皇彩票官网2019年3月(43)
  13. 帝皇彩票官网2019年2月(25)
  14. 2019年1月(45)
  15. 2018年12月(41)
  16. 2018年11月(40)
  17. 2018年10月(29)
  18. 2018年9月(40)
  19. 2018年8月(87)
  20. 帝皇彩票官网2018年7月(107)
  21. 2018年6月(86)
  22. 2018年5月(110)
  23. 2018年4月(40)
  24. 2018年3月(35)
  25. 2017年8月(35)
  26. 2017年7月(45)
  27. 2017年6月(7)
  28. 2017年5月(27)
  29. 2017年4月(51)
  30. 2017年3月(70)
  31. 2017年2月(65)
  32. 帝皇彩票官网2017年1月(69)
  33. 2016年12月(55)
  34. 2016年11月(111)
  35. 2016年10月(92)
  36. 2016年9月(53)
  37. 2016年8月(9)
  38. 2016年7月(4)
  39. 2016年6月(9)
  40. 2016年3月(19)
  41. 2016年2月(26)
  42. 2016年1月(30)
  43. 2015年12月(33)
  44. 帝皇彩票官网2015年11月(35)
  45. 2015年10月(46)
  46. 2015年9月(43)
  47. 2015年8月(40)
  48. 2015年7月(33)
  49. 2015年6月(46)
  50. 2015年5月(58)
  51. 2015年4月(70)
  52. 2015年3月(55)
  53. 帝皇彩票官网2015年2月(17)
  54. 2015年1月(33)
  55. 2014年12月(21)
  56. 2014年11月(84)
  57. 2014年10月(94)
  58. 2014年9月(6)
  59. 2014年8月(1)
  60. 2014年7月(13)
  61. 2014年6月(66)
  62. 2014年5月(99)
  63. 2014年4月(88)
  64. 2014年3月(102)
  65. 2014年2月(68)
  66. 2014年1月(83)
  67. 2013年12月(106)
  68. 帝皇彩票官网2013年11月(112)
  69. 帝皇彩票官网2013年10月(61)
  70. 2013年9月(20)
  71. 2013年7月(13)
  72. 2013年6月(27)
  73. 帝皇彩票官网2013年5月(48)
  74. 2013年4月(39)
  75. 2013年3月(8)
  76. 2013年2月(20)
  77. 2013年1月(31)
  78. 2012年12月(33)
  79. 2012年11月(31)
  80. 2012年10月(23)
  81. 2012年9月(8)
  82. 2012年7月(14)
  83. 2012年6月(15)
  84. 帝皇彩票官网2012年5月(31)
  85. 2012年4月(24)
  86. 2012年2月(4)
  87. 2012年1月(8)
  88. 2011年12月(35)
  89. 2011年11月(32)
  90. 2011年10月(13)
  91. 2011年8月(1)
  92. 2011年6月(1)
订阅Rss
迪士尼彩乐园 千禧彩票是真的吗 帝皇彩票登陆 桔子彩票登陆 吉利彩票导航 迪士尼彩乐园娱乐 帝皇彩票 迪士尼彩乐园注册 桔子彩票开奖 帝皇彩票