免费发布信息
微信公众号

HTML标题标签怎么设置字体居中大小颜色

   来源:黔优网责任编辑:优优  时间:2023-11-02 14:13:10 浏览量:80
导读:HTML标题标签有那些?怎么根据内容规范的使用标题标签,标题标签怎么设置字体居中对齐、字段颜色大小写等样式目录1HTML标题标签有那些2标题字体居中对齐3标题字体大小4设置标题颜色HTML标题标签有那些html标题标签一

HTML标题标签有那些?怎么根据内容规范的使用标题标签,标题标签怎么设置字体居中对齐、字段颜色大小写等样式

  • 目录

  • 1HTML标题标签有那些

  • 2标题字体居中对齐

  • 3标题字体大小

  • 4设置标题颜色

HTML标题标签有那些


html标题标签一般指两种:

1.是指title标签 (title标签在head标签里面,head标签是告诉浏览器和搜索引擎,页面主体是干什么的)

2.是指H标签(H标签是body标签里面,body标签是给用户看的,是直接显示到浏览器中,常用的是h1,h2,h3等; )


标题字体居中对齐


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             h1{ 

  8.                 display: block; 

  9.                 background-color: antiquewhite; 

  10.                 height: 200px; 

  11.                 width: 220px; 

  12.                 float: left; 

  13.                 margin-left: 5px; 

  14.             } 

  15.             .p1{ 

  16.                 color: green; 

  17.                 font-size: 18px; 

  18.             } 

  19.             .p2{ 

  20.                 text-align: center; 

  21.             } 

  22.             .p3{ 

  23.                 line-height: 200px; 

  24.             } 

  25.         </style> 

  26.     </head> 

  27.     <body> 

  28.         <h1 class="p1">标题默认未距中</h1> 

  29.         <h1 class="p1 p2">标题设置水平距中</h1> 

  30.         <h1 class="p1 p2 p3">标题设置垂直水平都距中</h1> 

  31.     </body> 

  32. </html> 


标题字体大小


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             .p1{ 

  8.                 color: green; 

  9.             } 

  10.             .p2{ 

  11.                 font-size: 10px; 

  12.             } 

  13.         </style> 

  14.     </head> 

  15.     <body> 

  16.         <h1 class="p1">未设置标题字体大小</h1> 

  17.         <h1 class="p1 p2">设置标题字体20px</h1> 

  18.          

  19.     </body> 

  20. </html> 


设置标题颜色


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             .p1{ 

  8.                 color: green; 

  9.             } 

  10.         </style> 

  11.     </head> 

  12.     <body> 

  13.         <h1 class="p1">标题颜色</h1> 

  14.          

  15.     </body> 

  16. </html> 

 
 
 
没用 0举报 收藏 0
免责声明:
黔优网以上展示内容来源于用户自主上传、合作媒体、企业机构或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表黔优网官方立场,请读者仅做参考。本文标题:HTML标题标签怎么设置字体居中大小颜色,本文链接:https://www.qianu.com/news/253189.html,欢迎转载,转载时请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何违法信息,请您立即点此【投诉举报】并提供有效线索,也可以通过邮件(邮箱号:kefu@qianu.com)联系我们及时修正或删除。
 
 

 

 
推荐图文
推荐商业资讯