学习前端 Day1

作者: 骑猪的baba | 来源:发表于2019-10-26 19:53 被阅读0次

    1.网页三元素,结构html,表现css,行为javascript

    2.html的结构

    <html>​

    <!--

    html便签,一个页面有且只有一个根便签,网页中所有的内容都应该写在html根标签中

    -->

              <head>

    <!--head标签,便签中的内容不会在网页中显示,它用来帮助浏览器解析页面的

    -->

                          <title>

    <!——

    title的便签,默认只会显示在浏览器的标题栏中

    搜索引擎在检索页面时,会首先检索title便签中的内容,他是网页中对搜索引擎来说最重要的内容,会影响到网页在搜索引擎中的排名

    ——>

                          </title>

                </head>

              <body>

    <!——

    body标签用来设置网页的的主体内容,网页中所有可见内容,都应该在body中编写

    ——>

                        <h1>  这是我第二个网页

    </h1>

            </body>

    </html>​

    3.注释

    <!-- 这个结构中,可以编写html注释

    注释内容,不会在页面中显示,但是可以在源码中查看

    注释一定要简单明了

    功能:

    作者:

    日期:

    -->

    学习前端 Day1

    4. 把2结构中的h1内的第二个变红。

    <h1>这是我第二个网页</h1>

    需要把第二个和其他字区分开来,这时候我们需要使用属性标签,本列中使用<font>属性

    设置属性应该用属性标记

    <h1>

    这是我<font color = "red">第二个网页 </font>

    <!——

    属性:

        通过属性设置标签,如果处置标签中的内容,可以在开始标签中设置属性

    ——>

    </h1>

    学习前端 Day1

    注意:1.属性定义时的空格,否则运行不正确

                2.标签的属性可以通过3wcshool离线文档查询

                3.此处标签<font>属于网页三要素的表现,应该用于css,而不应该用于html因此不建议使用

    5.编写网页时一定要加文档声明<!DOCTYPE>

    学习前端 Day1

    相关文章

      网友评论

        本文标题:学习前端 Day1

        本文链接:https://www.haomeiwen.com/subject/inoyvctx.html