前端三个基础HTML，CSS ,Javascript 。
首先需要说一下，这三个的区别和联系：
HTML代表着结构，CSS代表着样式，Javascript代表着行为。
HTML和CSS通过选择器关联，常用的选择器有两个，一个是class,一个是id。class可以重复使用，而id只能使用一次（因为其唯一性，所以在于后台交互的时候用id）。
以下是一个套路内容，可以不写，不是必须的。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
HTML中调用CSS的三种方式：
1.嵌入式
使用HTML的style元素，在文档中定义CSS样式。
<head>
<style type="text/css">
h1{color:red}
p{color:blue}
</style>
</head>
2.内联式
每一个HTML元素都包含一个style属性，可以直接定义样式。该样式仅能用于该元素的内容，对于另一个同名的元素则不起作用。
<div style="color:#FFF;font-weight:bold;">内联样式</div>
3.外部引用式
一般使用link元素。
<head>
<link rel="stylesheet" href="css的路径（相对html的路径）" type="text/css" >
</head>
在HTML中调用Javascript:
1.调用所在文件
<head>
<script type="text/javascript" src="jquery.js"> </script>
<script type="text/javascript" src="myjs.js"> </script>
</head>
先调用jquery库，再调用自己写的，有先后顺序。
2.直接写在页面上
<script>
写javascript的代码
</script>
div标签：< div >< /div >
是块，用于布局，从上往下排泄，一个占一行。
span标签:< span>< /span> < span>< /span> 。
同一行中分开，连续的span中间不论隔多少个空格都只识别一个。
form标签：< form> < input> button </ form>
form为表单，主要用于提交，(涉及MVC----model层,control层,view层之间的交流),其中一般包括< input>输入的内容和自定义的提交按钮button。