專注搜索競價代運營

成長之選 ,效果之道!

免費咨詢熱線:17636682598

HTML標題標簽怎么設置字體居中大小顏色

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

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> 

本文分類:營銷學院

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

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

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