前端入门
学***大纲
html——>CSS——>Javascript
html就相当于一个人的骨架,css就是肉和衣服,js就是动作了,一起构成了前端。
<html>
<head>
<title>这是啊字的第一个网页</title>
</head>
<body><h1>这是啊字的第一个网页</h1></body>
</html>
用文本文档就可以写一个html了,一定要有<html>标签,并且所有的东西都要写在这个根标签里面。还要<head>标签<title>和<body>标签。<title>里面写什么,你的网页标签就会写什么,还有搜索引擎在检索页面的时候,会首先检索title标签中的内容,你要给用户看的东西都要写在<body>里面。
html的注释
<html>
<head>
<title>这是啊字的第一个网页</title>
</head>
<body> <!--
注释内容
-->
<h1>这是啊字的第一个网页</h1></body>
</html>
在<!-- -->这个里面加上的内容不会在网页上显示出来,只能在源码里看见。我们可以在这个结构中编写HTML的注释,以此来对代码进行描述,从而帮助其他的开发人员工作,
一定要养成良好的编写注释的习惯,注释的内容一定要简单明了。
标签的属性
<html>
<head>
<title>这是啊字的第一个网页</title>
</head>
<body> <!--
注释内容
-->
<h1>这是啊字的第一个网页</h1></body>
</html>
还是这个代码。
如果我们这时候想把“啊字”来变大,或者变颜色怎么办?这时候就有了<font>标签
<html>
<head>
<title>这是啊字的第一个网页</title>
</head>
<body> <!--
注释内容
-->
<h1>这是<font color="green" size="7">啊字</font>的第一个网 页
</h1>
</body>
</html>
font一共有三个参数,但是font这个标签是不推荐使用的,因为我们之前讲过,html是骨骼,css是肉和衣服,js是动作,所以这个应该是交给css来做的。
文档声明
因为到现在为止还存在着好几种不同的规范,所以为了让浏览器知道改用那种规范来看你的代码,必须要在编写主要代码之前,也就是最顶部,要写上文档声明。
我们通常用html5,所以要在<html>标签上面写上<!doctype html>,这就是声明了当前的网页是按照HTML5标准编写的,如果你没有写文档声明,则会导致有些浏览器进入一个怪异模式,进入怪异模式之后,浏览器解析页面会导致页面无法正常显示,为了避免进入该模式,一定要编写文档声明。