HTML

标签：enc   reset   targe   编写   测试   连接   title   chrome   单选   

1.一套规则，浏览器认识的规则。
2.对于开发者而言：
　　学些HTML的规则；
　　开发后台程序：
　　　　- 写HTML文件（充当模板的作用）
　　　　- 数据库获取数据，然后替换到HTML文件的指定位置（Web框架）
3.本地测试
　　- 找到文件路径，直接浏览器打开
　　- pycharm打开测试
4.编写HTML文件
　　- doctype对应关系
　　- html标签，标签内部可以写属性 =====>只能有一个
　　- 注释：<!-- 注释的内容 -->
5.标签分类
　　- 自闭合标签
　　　　<meta charset=‘UTF-8‘>
　　- 主动闭合标签
　　　　<title>标题</title>
6.head标签中
　　- <meta />
　　　　页面编码 <meta http-equiv=‘content-type‘ content=‘text/html;charset=utf-8‘/>
　　　　刷新和跳转 <meta http-equiv=‘refresh‘ content=‘30‘/> <meta http-equiv=‘refresh‘ 　　　　　　content=‘5;url=http://www.baidu.com‘/>
　　　　关键字 <meta name=‘keywords‘ content=‘python3,ascii,learning‘/>
　　　　IE6遗留问题 <meta http-equiv=‘X-UA-Compatible‘ content=‘IE=IE9;IE=IE8‘/>
　　- title标签
　　- link标签
　　- style标签
　　- script标签
7.body标签
　　- 图标：&nbsp; 空格 &gt; > &lt; <
　　http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html
　　- p标签，段落
　　　　<p> 段落标签，块级标签，自动添加段落间间距</p>
　　- br标签，换行（自闭合标签）
　　　　<br/>
　　- div标签
　　　　<div>块级标签，白板，除了块级功能啥功能也没有</div>
　　- span标签
　　　　<span>内联标签，白板，除了内联功能啥功能也没有</span>
　　- H系列
　　　　<h1>标题1，最大</h1>
　　　　<h2></h2>
　　　　<h3></h3>
　　　　<h4></h4>
　　　　<h5></h5>
　　　　<h6>标题6，最小</h6>
　　- input系列
　　　　<input type=‘text‘/> - name属性 ；value属性（默认值）
　　　　<input type=‘password‘/> - name属性 ；value属性（默认值）
　　　　<input type=‘submit‘/> - 提交按钮，表单（form) value属性，如value=‘搜索‘，value=‘登陆‘
　　　　<input type=‘button‘/> - 按钮
　　　　<input type=‘radio‘/> - 单选框 value，name属性（那么相同则互斥），checked属性，默认被选中（checked=‘checked‘）
　　　　<input type=‘checkbox‘/> - 复选框 value, name属性（批量获取数据）
　　　　<input type=‘file‘/> - 文件上传，依赖form的一个属性，<form enctype="multipart/form-data">
　　　　<input type=‘reset‘/> - 重置

　　　　<textarea> 默认值 </textarea> -name属性 多行文本输入
　　　　select标签 -name,内部option value，提交到后台，size,multiple

　　- a标签
　　　　- 跳转
　　　　　　<a href=‘http://www.baidu.com‘>跳转超连接</a>
　　　　- 锚 href=‘#某个标签的id‘ （标签的id不允许重复）
　　　　　　<a href=‘#i1‘>find i1 </a>
　　　　　　<br/>...
　　　　　　<div id=‘i1‘>在这</div>
　　　　　　- 属性 href=‘‘ target=‘_blank‘ name=‘‘
　　- img
　　　　src
　　　　alt
　　　　title
　　- 列表
　　　　ul
　　　　　　li
　　　　ol
　　　　　　li
　　　　dl
　　　　　　dt
　　　　　　dd
　　- 表格
　　　　table
　　　　　　thead
　　　　　　　　tr
　　　　　　　　　　th
　　　　　　tbody
　　　　　　　　tr
　　　　　　　　　　td
　　　　colspan=‘‘
　　　　rowspan=‘‘
　　- label
　　　　用于点击文件，使得关联的标签获取光标
　　　　<label for=‘username‘>用户名:</label>
　　　　<input id=‘username‘ type=‘text‘ name=‘user‘/>
　　- fieldset
　　　　legend

===== 总结 =====
所有标签分为：
　　块级标签：div（白板），H系列（加大加粗），p标签（段落之间有间距）
　　行内标签（内联标签）：span（白板，自身不带任何特性）
标签之间可以嵌套
标签存在的意义，css定位操作，js操作
ps:chrome审查元素的使用
　　- 定位
　　- 查看样式

HTML

标签：enc   reset   targe   编写   测试   连接   title   chrome   单选   

原文地址：http://www.cnblogs.com/zoe233/p/7496033.html