html

1.html
成对书写标签，有开始有结束，有些标签是自闭和<hr/
2.规范

xx 3. 1>标题标签

...

网页的标题 2> 段落

3> 图片 4> 超链接 1) 页面间链接 案例1 百度 路径：相对路径或绝对路径，推荐相对路径 ../ ：退一级 img/img01.jpg ../img/img01.jpg 2）锚链接 1) 定义锚 2) 使用锚 跳转到另一个网页的锚上 3) 功能性链接 联系我们 5>

---

6> < >   & © 7> 无序列表：

disc:实心圆 square:实心方块 circle:空心圆 有序列表：

默认时1 2 3 定义列表:

8>

</table>

9> 框架 iframe：
framset
10>表单

  </form>

   get：提交数据是不安全的
   post： 提交数据是安全的，会将提交的数据隐藏  【动态网页技术】
   如果method没有指定，默认值是get
2）表单通过submit按钮提交的 <input type="submit" value="按钮上的文字"/>
3) 重置按钮<input type="reset" value="重置"/> 将表单中的元素恢复成最开始的样子
4）普通按钮<input type="button" value="按钮"/> 普通按钮，没有任何附加效果，了后期集合js使用
5）文本框 type="text"
    <input type="text" name="username" disable="disable" readonly="readonly"/> 
   name:给文本框起的名字
   disable:不可用
   readonly:只读
   maxlength:文本框最多输入的字符数
   size：w文本框的长度
  placeholder="请输入名字" 文本框输入内容的提示   
6)密码框:<input type="password" name="pwd"/>  
7）单选框 一组单选框名字必须相同
        <input type="radio" name="sex" value="male" id="male" checked="checked"/>
  <input type="radio" name="sex" value="male" id="male" checked="checked"/> <label for="male">男</label> 点击男字的时候， 单选按钮是选中的状态
   checked="checked":单选按钮默认选中
   id：取值的时候具有唯一性.保证一个页面id的值具有唯一性
8)复选框 checkbox
  <input type="checkbox" name="tecl" value="2" checked="checked"/>hadoop
   checked="checked" 复选框默认选中
9)下拉列表框
   <select name="address" size="3" multiple="multiple">
	 	 		
	 	 		  <option value="1">北京</option>
	 	 		  <option value="2">大连</option>
	 	 		  <option value="3">深证</option>
	 	 		  <option value="4">南京</option>
	 	 		  <option value="5">上海</option>
	 	 		  <option value="6" selected="selected">西安</option>
	 	 		  <option value="7">成都</option>
</select> 
    1.option中的选项默认选中selected="selected"
    2.size="3" 页面中可用展示3个选项
    3.multiple="multiple" 可多选

10)文件域 ：<input type="file" name="photo" />
    form表单中使用了文件域，form必须以post方式来提交，同时还需要设置enctype="multipart/form-data"
11）文本区域框：<textarea name="intro" rows="5" cols="30">这个人很懒，什么也没留下......</textarea>
    注意默认值，不是通过value取设置的，而是在开始标记和结束标记之间书写内容
12）隐藏域  <input type="hidden" name="id" value="100" />
13)邮箱：<input type="email" name=""/> 会验证邮箱地址是否正确，但是验证不完善的，后期可用自己写正则结合js|jquery 自行验证
14)数值：<input type="number"  name="age" min="10" max="60"  step="2"/> min：最小值
  max:最大值 step:每次加几  可用自己输入任何值
15)滑块 <input type="range" name="rate" min="0" max="100"  step="2" value="30"/>
16)url：验证输入的值是否一个url 
    <input type="url" name="url" />
17）required="required" 必须的，也就是该文本框必须输入值
18)
  正则表达式：\d:数字0-9 {9}:长度是9位
   \w:[a-z][A-Z][0-9]_
   \W:
   \d:[0-9]
   \D:
  {3,8}
  {3}
  {3,}
  +:至少1次
  ?:最多1次
  *：任意次数
^:开始

$:结束

---

				下午  CSS

---

1.css有点
2.语法
选择器{
声明1;
声明2;
}
3.位置
1.本html页面中，可以在head标签中通过style标签来定义css 内部样式表

2.标签中：

行内样式表
3.外部样式表 自己定义一个css文件 link将这个css引入
1>链接式
2>导入式

标签属于XHTML，@import是属于CSS2.1
 使用链接的CSS文件先加载到网页当中，再进行编译显示
 使用@import导入的CSS文件，客户端显示HTML结构，再把CSS文件加载到网页当中
 @import是属于CSS2.1特有的，对不兼容CSS2.1的浏览器是无效的

4.css优先级：就近原则
行内>内部>外部
5.选择器的分类
1>标签选择器 以标签来命名的选择器，页面中的所有的标签都会采用该选择器所定义的样式
2>类选择器 .名字{} 标签要使用必须通过class=“类名”
3>id选择器 #id名字{} 标签要通过id=“id名” 保证id具有唯一性
优先级 id>类>标签
6.其他分类
1>并集选择器 , h1,.one,h2{}
2>交集选择器 div.csone{
border: 1px solid cornflowerblue;
}
是div标签的并且你的css是csone才有使用该样式

  3>后代选择 空格隔开   

7.高级选择器
后代选择器 body p{} body下的所有的p元素
子选择器 body>p body下的子选择器p
相邻兄弟选择器 div+p div相邻的p元素，div后面的那个p元素
通用兄弟选择器 div~p div后平级的p元素
8.结构伪类选择器
ul li{} ul下的所有的li
ul li:first-child;ul下的第一个li
ul li:last-child;ul下的的最后一个li
body p:nth-child(1)：body下的第一个子元素而且第一个子元素是p
body p:nth-of-type(1) body下的子元素p，去第一个
body p:first-of-type:body下的p元素第一个
body p:last-of-type：body下的p元素最后一个
10.属性选择器

   a[id]  a标签具有id属性的
  a[class='links item first'] :a标签，有class属性且属性值=links item first
  a[href^='sites']aa标签且有href属性的，而且属性以sites开头的
a[href$='sites']aa标签且有href属性的，而且属性以sites结尾的
a[href*='a']aa标签且有href属性的，而且包含a的

11.深入css
字体:
font-size:字体大小
font-weight:字体粗细
font-style:风格
font-family:字形
font:风格 粗细 大小 字形

文本样式
   color:颜色
   line-height:行高
   text-decoration:none underline line-throw  overline
   text-indent:首行缩进
   letter-spacing:字符间距离
超链接样式
  a:link：新创建未访问的样式
  a:visited:访问过后的
  a:hover 鼠标悬浮上的
  a:active 鼠标点击不释放

顺序 l v h a
背景：
background-color: green; 背景颜色
background-image: url(img/bang.gif); 背景图片
background-repeat: no-repeat; 图片平铺方式
background-position:200px 10px;*/ 图片位置
background: green url(img/bang.gif) 200px 10px no-repeat; 相当于以上四个属性
在书写的时候，backgroud 包含了颜色