01: html常用标签

标签：渲染   sele   --   pos   文本   说明   ble   src   密码   

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常用标签

标签：渲染   sele   --   pos   文本   说明   ble   src   密码   

原文地址：http://www.cnblogs.com/xiaonq/p/7927858.html