專注搜索競價(jià)代運(yùn)營

成長之選 ,效果之道!

免費(fèi)咨詢熱線:17636682598

HTML標(biāo)題標(biāo)簽怎么設(shè)置字體居中大小顏色

HTML標(biāo)題標(biāo)簽有那些?怎么根據(jù)內(nèi)容規(guī)范的使用標(biāo)題標(biāo)簽,標(biāo)題標(biāo)簽怎么設(shè)置字體居中對齊、字段顏色大小寫等樣式

HTML標(biāo)題標(biāo)簽有那些

html標(biāo)題標(biāo)簽一般指兩種:

1.是指title標(biāo)簽 (title標(biāo)簽在head標(biāo)簽里面,head標(biāo)簽是告訴瀏覽器和搜索引擎,頁面主體是干什么的)

2.是指H標(biāo)簽(H標(biāo)簽是body標(biāo)簽里面,body標(biāo)簽是給用戶看的,是直接顯示到瀏覽器中,常用的是h1,h2,h3等; )

標(biāo)題字體居中對齊

  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">標(biāo)題默認(rèn)未距中</h1> 
  29.         <h1 class="p1 p2">標(biāo)題設(shè)置水平距中</h1> 
  30.         <h1 class="p1 p2 p3">標(biāo)題設(shè)置垂直水平都距中</h1> 
  31.     </body> 
  32. </html> 

標(biāo)題字體大小

  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">未設(shè)置標(biāo)題字體大小</h1> 
  17.         <h1 class="p1 p2">設(shè)置標(biāo)題字體20px</h1> 
  18.          
  19.     </body> 
  20. </html> 

設(shè)置標(biāo)題顏色

  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">標(biāo)題顏色</h1> 
  14.          
  15.     </body> 
  16. </html> 

本文分類:營銷學(xué)院

瀏覽次數(shù):56次瀏覽

發(fā)布日期:2022-07-09 14:50:18

本文鏈接:http://prostheticsonline.com/edu/2425.html