1.1 web开发的三把利器介绍
1. HTML ：可以比作一个赤裸裸的人站在这里（就是自身带有一些属性）
1、-- 20个标签
2、-- HTML实质就是浏览器能够认识的规则
3、开发者：
- 写html文件（充当模板的作用）
- 数据库获取数据，然后替换到html文件指定位置（web框架）
2. CSS ：就是=给这个人穿上华丽的衣服
-- 颜色
-- 位置
3. JS ：让这个人可以动
1.2 网页头部head标签中几个常用标签
1、Head标签之<meta>标签
1. 页面编码（告诉浏览器是什么编码）
<meta charset="UTF-8"> <!-- 这种不成对的叫自闭合标签 -->
2. 刷新和跳转
<meta http-equiv="refresh" content="3"> ?????????????????????????????????<!-- 每3秒刷新一次页面 -->
<meta http-equiv="refresh" content="3;Url=http://www.baidu.com.cn"> ????<!-- 3s自动跳转到指定页面 -->
3. 关键字搜索
<meta name="keywords" content="关键字1，关键字2">
4. X-UA-Compatible：IE兼容性问题
说明：优先使用IE9对网页渲染，如果不是IE9再使用IE8
<meta http-equiv=”X-UA-Compatible” content=”IE=IE9;IE=IE8;″ />
2、head中其他标签
<title> Title </title>
<link rel="stylesheet" type="text/css" href="base.css" />
<style> </style>
<script src="base.js"> </script>
1.3 html常用标签归类
1、行内标签
1. <span>
2. <a>
3. <input>
4. <pre> {{ enroll_obj.enrolled_class.contract.template }} </pre> #数据库文本格式什么样就在前端怎样显示
2、可以提交数据到后台的标签
1. Form表单中有两个参数：
1） action : 指定将表单中数据提交到哪个服务器
2） method : 指定使用post（字典）或者get（url）提交数据
2. input中的属性
1） type="text" ?????????--- 提交单行文本文件
2） type="password" ?????--- 提交密码
3） type="file" ????????--- 提交文件
4） type="submit" ???????--- 将数据提交
5） type="radio" ????????--- 单选框
6） type="checkbox" ????--- 多选框
7） type="button" ??????--- 按钮标签
8） type="rest" ?????????--- 将所有自己填的数据全部重置
3. <textarea>默认内容</textarea> //多行文本输入
4. <select> <option>选项值 </option> </select> //下拉菜单
3、块级标签
1. <p>
2. <div>
3. <h1>
4. <img>
5. <ol><li> </li></ol>
<ul><li> </li></ul>
6. <table> </table>
01: html常用标签
原文地址：http://www.cnblogs.com/xiaonq/p/7927858.html