1. 程式人生 > >Html基本標簽與案例

Html基本標簽與案例

center size ctype round ron http 更強 作文 12px

1.html與css的關系

  技術分享

2.程序

 1 <!DOCTYPE HTML>
 2 <html>
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5         <title>Html和CSS的關系</title>
 6         <style type="text/css">
 7         h1{
 8             font-size:12px
; 9 color:#999; 10 text-align:center; 11 } 12 </style> 13 </head> 14 <body> 15 <h1>Hello World!</h1> 16 </body> 17 </html>

3.效果

  技術分享

4.註釋

  <!--註釋文字 -->

5.p標簽

  <p>段落文本</p>

6.hx標簽

  文章的標題用什麽標簽呢?在本節我們將使用<hx>

標簽來制作文章的標題。

  標題標簽一共有6個,h1、h2、h3、h4、h5、h6分別為一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。並且依據重要性遞減。<h1>是最高的等級。

  <hx>標題文本</hx>

7.strong與em標簽

  但兩者在強調的語氣上有區別:<em> 表示強調,<strong> 表示更強烈的強調。

  並且在瀏覽器中<em> 默認用斜體表示,<strong> 用粗體表示。兩個標簽相比,目前國內前端程序員更喜歡使用<strong>表示強調。

  <em>需要強調的文本</em>

  <strong>需要強調的文本</strong>

8.span標簽

  使用<span>標簽為文字設置單獨樣式

  標簽是沒有語義的,它的作用就是為了設置單獨的樣式用的

  

9.q標簽

  <q>標簽,短文本引用。

  註意要引用的文本不用加雙引號,瀏覽器會對q標簽自動添加雙引號。

10.

Html基本標簽與案例