前端学习

学习前端 Day1

2019-10-26  本文已影响0人  骑猪的baba

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
上一篇下一篇

猜你喜欢

热点阅读