zoukankan      html  css  js  c++  java
  • 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>

    效果:

  • 相关阅读:
    SSM应用(五)--参数绑定
    SSM应用(四)--SpringMVC入门
    Oracle常用函数
    SSM应用(三)--Spring整合MyBatis
    SSM应用(二)--注解的使用
    SSM应用(一)--Spring入门
    MyBatis学习(十四)--逆向工程使用
    MyBatis学习(十三)--缓存
    MyBatis学习(十二)--懒加载
    MySQL常用函数
  • 原文地址:https://www.cnblogs.com/caicaihong/p/9166512.html
Copyright © 2011-2022 走看看