AOA棋牌

专注搜索竞价代运营

成长之选 ,效果之道!

免费咨询热线:17636682598

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

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

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.        &nbsp;<title>AOA棋牌科技</title> 
  6.     &nbsp;   <style> 
  7.        &nbsp; ;   h1{ 
  8.               &nbsp; display:&nbsp;block; 
  9.       &nbsp;         background-color: antiquewhite; 
  10.            &nbsp;   ; height: 200px; 
  11.     &nbsp;           width: 220px; 
  12.                 float: left; 
  13.                 margin-left:&nbsp;5px; 
  14.            &nbsp;} 
  15.            &nbsp;.p1{&nbsp;
  16.        &nbsp;  &nbsp;     color: green; 
  17.           &nbsp;     font-size: 18px; 
  18.             } 
  19.             .p2{ 
  20.      &nbsp;          text-align: center; 
  21.          &nbsp;  }&nbsp;
  22.             .p3{ 
  23.      &nbsp;          line-height: 200px; 
  24.   ;    &nbsp;     } 
  25.        &nbsp;</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>AOA棋牌科技</title&gt;&nbsp;
  6.   &nbsp;   &nbsp; <style> 
  7.     &nbsp;    &nbsp;  .p1{ 
  8.                 color: green; 
  9.       &nbsp;     } 
  10.   &nbsp;         .p2{ 
  11.                 font-size: 10px; 
  12.           &nbsp; } 
  13.        &nbsp;</style> 
  14.     </head> 
  15.     <body> 
  16.         <h1 class="p1">未设置标题字体大小</h1> 
  17.         <h1 class="p1 p2">设置标题字体20px</h1> 
  18.        &nbsp; 
  19.     </body> 
  20. </html> 

设置标题颜色

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="utf-8"
  5. &nbsp;       <title>AOA棋牌科技</title>&nbsp;
  6.        ; <style> 
  7.      ;       .p1{ 
  8.                 color:&nbsp;green; 
  9.     ;        } 
  10.     ;  &nbsp; </style> 
  11.     </head> 
  12.     <body> 
  13.         <h1 class="p1">标题颜色</h1> 
  14.   &nbsp;      
  15.     </body> 
  16. </html> 

本文分类:营销学院

浏览次数:56次浏览

发布日期:2022-07-09 14:50:18

本文链接:http://czxhbook.com/edu/2425.html

"
"