H5学习之正课终于开始了。。。

黄良钵

分类: 程序开发 38 0

html5

等了一个月终于开始上正课了,真是坑啊!

<!--定义HTML文档-->

<html>

     <!--如果body和head标签颠倒位置的时候能显示

    但当body里面的内容非常多时会使页面显示两次-->

    <!--定义文档的头部-->

    <head>

        <!--UTF-8国际通用编码-->

        <!--charset这行代码最好放在head中的第一个标签 这样页面就不会出现乱码-->

        <meta charset="UTF-8">

        <!--title定义文档的标题-->

        <title>CSS第一天</title>

        <style>

            p{

                /*设置字体颜色*/

                color: blue;

                /*设置字体大小*/

                font-size: 24px;

            }

            span{

                color: red;

            }

            /*上面的样式所有的span都会有影响*/

            /*后代选择器

            div span

            

            子代选择器

            div>span

            */

            div span{

                color: yellow;

            }

        </style>

    </head>

    <!--body包含文档的所有内容-->

    <body>

        <!--p标签表示段落-->

        <div>夜<span>色太</span>美</div>

        <span>今夜学习html</span>

        <div>我们<p>讨论<span>HTML学习的方法</span>讨论中</p></div>

        <section>

        <!--br换行 break的缩写-->

        <!--&nbsp; non breaking space 不换行空格-->

        <div>我喜欢&nbsp;HTML5</div>

        <!--使用<br>和&nbsp;来实现换行和空格(保持html的缩进对齐格式,保持html的可读性)-->

    </section>

    &lt;html&gt;

    &lt;head&gt;

        &lt;meta charset="UTF-8"&gt;

        &lt;title&gt;&lt;/title&gt;

        &lt;style&gt;

        &lt;/style&gt;

    &lt;/head&gt;

    &lt;body&gt;

    &lt;/body&gt;

    &lt;/html&gt;

    &lt;/body&gt;

    <!--&lt;实体名称指的是 < 

    &gt;实体名称指的是 >-->

    &spades; &hearts;

    <!--实体编号 &#72;&#84;&#77;&#76;-->

    <!--十六进制-->

    &#x6211;&#x559c;&#x6b22;&#x4f60;

</html>

<!--保存CRLF格式时,用记事本打开换行

保存LF格式时,用记事本打开不换行-->
  • 0人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
H5学习、HTML5架构、后代选择器、子代选择器

作者简介:黄良钵

打赏

博客站长,前端开发工程师

共 0 条评论关于 “H5学习之正课终于开始了。。。”

Loading...