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>

效果:

原文地址:https://www.cnblogs.com/caicaihong/p/9166512.html