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>

 

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

 

 

posted @ 2016-11-18 17:24  尹正杰  阅读(656)  评论(0)  编辑  收藏  举报