天天看點

HTML常用标簽

學前端,首先學會寫基本的标簽。
<!DOCTYPE html>
<html>
    <head>
    <!--
使用meta表情還可以用來設定網頁的關鍵字

 -->
      

    <meta name="keywords" content="html4,javascript"/>

    <!--

    還可以用來指定網頁的描述

    搜尋引擎在檢索頁面時,會同時檢索頁面中的關鍵字和描述,但是這兩個值不會影響頁面在搜尋引擎中的排名(具體的排名是根據百度内部情況規定的)

  -->

  <meta name="description" content="釋出h5、js等前端相關的資訊"/>

  

  <!--

  使用meta可以用來做請求的重定向

  <meta http-equiv="refresh" content="秒數;url=https://www.baidu.com(目标路徑)"/>

<meta charset="utf-8" />
        <title>常用标簽</title>
    </head>
    <body>
        <!--
        标題标簽
        在HTML中,一共有六級标題标簽
        h1~h6
        在顯示效果上h1最大,h6最小,但是文字的大小我們并不關心
        在使用HTML标簽,關心的是标簽的語義,我們使用的标簽都是語義化标簽
        6級标題中,h1最重要,表示一個網頁中的主要内容,h2~h6依次降低
        對于搜尋引擎來說,h1重要性僅次于title,搜尋引擎檢索完title,會立即檢視h1中的内容
        h1标簽非常重要,它會影響到頁面在搜尋引擎的排名,頁面隻能寫一個h1
        一般頁面中标題隻使用h1 h2 h3,h3以後基本不用,因為重要性比較低了。
        -->
        <h1>一級标題</h1>
        <h2>一級标題</h2>
        <h3>一級标題</h3>
        <h4>一級标題</h4>
        <h5>一級标題</h5>
        <h6>一級标題</h6>
        <!--
        段落标簽,段落标簽用于表示内容中的自然段
        使用p标簽表示一個段落
        p标簽的文字,預設會獨占一行,并且段與段之間會有一個間距
        
        -->
        <p>我是一個p标簽,我用來一個段落</p>
        <p>我是一個p标簽,我用來一個段落</p>
        <!--在html中,寫再多的空格,浏覽器也是預設一個空格解析,
        換行也會當成一個空格解析
        在頁面中可以使用一個br表情表示一個換行,br表簽是一個自結束标簽
        -->
        <p>
            鋤禾日當午,<br />
            汗滴禾下土,<br />
            誰知盤中餐,<br>
            粒粒皆辛苦,<br>
        </p>
        <!--
        hr标簽也是一個自結束表簽,可以在頁面生成一條水準線
        -->
        <hr />
        
    </body>
</html>      

效果:

HTML常用标簽