web前端开发第一阶段(二)

一、W3C(world wide web)万维网联盟

W3C 最重要的工作是发展 web 规范，也就是描述 web 通信协议（比如 HTML 和 XML）和其他构建模块的“推荐标准”。—百度搜索

最重要的 W3C 标准是：
	HTML
	XHTML
	CSS
	XML
	XSL
	DOM

二、标签的组成

标签名+属性

三、标签的属性

1. 私有属性

   a标签
   	href：链接文件的路径地址
   target:
    	_blank:新窗口打开
   	_self:当前窗口打开
   img标签
   	src:引入图片的路径地址
   

   2.公有属性

   id:给标签一个别名，具有唯一性
   class:给标签一个别名，可以有任意，可以多个同别名
   style:给标签定义一个样式
   title:移动鼠标可以显示提示
   

   3.自定义属性

四、表单

表单最大的父级

	action：链接跳转路径
	Method:发送方式
		1) Get
		2) Post
	Enctype:发送内容格式
		1) 二进制：multipart/form-data
		2) 字符串：application/x-www-form-urlencoded
		
	<form action="" method="" enctype="multipart/form-data">

五、下拉列表select

<select> <!-- 下拉列表 -->
	<option value="">英语</option>
	<option value="">数学</option>		
	<option value="">语文</option>
</select>

六、输入框input

type:类型
	text：默认：文本框
	password:密码输入
	checkbox:复选框
	radio：单选框
	button：按钮
	submit：提交按钮
	file：选择上次文件
		value值：是选择文件的路径
	date:日期
	color：颜色表
	number:只能输入数字
		特殊e:2.174……
<input type="text" value="123" maxlength="10"/><!--默认：文本框  maxlength:限制输入长度-->
<input type="password" placeholder="请输入密码" /><!-- 密码输入 placehorder:没有value值时提示语句 -->
<input type="checkbox" checked /><!-- 默认选择 checked是否勾选-->			
<input type="checkbox" disabled /><!-- 复选框 disabled:禁用，每种类型都可以使用-->
<input type="radio" disabled /><!-- 单选框 -->
<p>
	性别：
	<input type="radio" name="sex" value="男"/>男
	<input type="radio" name="sex" value="女"/>女 <!-- name：要发送给服务器的数据；	name名相同的盒子可以实现单选框的跳转（一般只用于单选框） -->				
</p>
<input type="button" disabled value="百度一下" /> <!-- 按钮 -->
<input type="submit" /><!-- 提交按钮 -->
<input type="reset" /><!-- 重置按钮 -->
<input type="file" /><!-- 选择上次文件 value值：是选择文件的路径-->
<input type="date" /> <!-- 日期 -->
<input type="color" /><!-- 颜色表 -->
<input type="number"/><!-- 只能输入数字 特殊：e-->

value属性：输入框里面的内容不同input类型的区别

text/password 可变

iframe:框架

在页面里面嵌套一个新的页面

src:引进页面地址
width:宽度
height：高度
frameborder：边框
scrolling：设置滚动条 默认yes-> no auto
label标签
	辅助input输入框获取光标
	当label标签包含了多个输入框时，设置for属性对应id名同的光标只指上去

iframe优点：

1、重载页面时不必整个页面加载，只需重载框架页（增加了网页加载速度）
2、例如加载缓慢的第三方广告和图标时，使用框架方便简洁。
3、减少代码量

缺点：

1、不利于搜索引擎抓取解读
2、移动设备页面上框架显示不全
3、不容易打印
4、框架页面过多会增加服务http请求，且不易管理
5、浏览器的后退按钮失效