zoukankan      html  css  js  c++  java
  • HTML&CSS基础-html常用的标签

                    HTML&CSS基础-html常用的标签

                                              作者:尹正杰

    版权声明:原创作品,谢绝转载!否则将追究法律责任。

    一.html的源代码

    <!DOCTYPE html>
    <html>
        <head>
            <!-- 
                需要来告诉浏览器,网页所采用的编码字符集
                meta标签用来设置网页的一些元数据,比如网页的字符集,关键字,简介等
                meta时一个自结束标签,编写一个自结束标签时,可以在开始标签中添加一个"/"
            -->
            <meta charset="utf-8"/>
            <title>尹正杰的网页</title>
        <head>
            
        <body>
            <h1>我的博客地址:<font color="red" size="7">https://www.cnblogs.com/yinzhengjie/</font></H1>
        
            <!--
                在html中,一共有六级标题标签,即h1~h6,如果大于h6的标签则不支持,虽不会报错但数据会原样输出;
                在显示效果上h1最大,h6最小,但是文字的大小我们并不关心;
                使用html标签是,关心的是标签的语义,我们使用的标签都是语义化标签;
                6级标签中,h1的最重要,表示一个网页中的主要内容,h2~h6重要性依次降低;
                对于搜索引擎来说,h1的重要性仅次于title,搜索引擎检索完title,会立即查看h1中的内容;
                一般页面中标题标签只使用h1,h2,h3,h3以后的基本不适用。
            -->
            <h1>标题标签</h1>
            <h2>标题标签</h2>
            <h3>标题标签</h3>
            <h4>标题标签</h4>
            <h5>标题标签</h5>
            <h6>标题标签</h6>
            <h7>标题标签</h7>    
            <h8>标题标签</h8>
            
            
            <!-- 
                段落标签,段落标签用于表示内容中一共自然段;
                使用p标签来表示一共段落;
                p标签中的文件,默认独占一行,并且段与段之间会有一个间距;
            -->
            <p>我是一个p标签,我用来表示一个段落</p>
            <p>我是一个p标签,我用来表示一个段落</p>
            
            <!--
                在html中,字符之间写再多的空格(包括换行符在内),浏览器也会当成一个空格解析。
            -->
            <p>
                床前明月光,
                疑是地上霜,
                举头望明月,
                低头思故乡。
            </p>
            
            <!--
                在页面中可以使用br标签来表示一个换行,br标签是一个自结束标签
            -->
             <p>
                床前明月光,<br />
                疑是地上霜,<br />
                举头望明月,<br />
                低头思故乡。
            </p> 
            
            
            <!--
                hr标签也是一个自结束标签,可以在页面中生成一条水平线。
            -->
            <hr />
            
        </body>
    </html>

    二.浏览器打开以上代码渲染结果

  • 相关阅读:
    【转载】内存工作原理三
    【转载】内存工作原理二
    【转载】内存工作原理一
    【转载】ITU-RBT.656视频标准接口
    【转载】about slack
    【转载】VGA时序与原理
    Sed 命令详解 正则表达式元字符
    视频基础知识---分辨率
    DC基本知识问答
    vcs和verdi的联合仿真
  • 原文地址:https://www.cnblogs.com/yinzhengjie/p/6078519.html
Copyright © 2011-2022 走看看