Html基本標籤與案例

來源:互聯網
上載者:User

標籤:技術分享   四級   前端   .com   images   font   enter   引號   表示   

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基本標籤與案例

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.