标签，img属性，a链接属性，特殊字符，图片的路径，表格的使用，表单

标签种类

1.1 单标签和双标签

www.w3school.com.cn/tags/tag_pa…

1.2 行内元素，块级元素，行内块元素

• div用于布局，块级元素 可以嵌套
• span 行内元素 一般不能嵌套

1.3 img属性和值

• alt 属性 图片加载问题显示
• title 属性
• 直接设置图片的宽度高度 width="521px", height="521px"
• 设置边框 border="10"

1.4 a 属性和值

• 跳转方式 target:的值
• 1. _Blank(新页面打开)
• 2. _Self(在本页面打开)
• 3. _Parent(在父窗口打开)
• 4. _Top(在顶层窗口打开)
• base 标签可以统一设置 a连接的跳转方式 在head标签内用base单标签 <base target="_blank" />

1.5 a锚点链接

• <a href="#exp1" >个人经历 </a >
• <h4 id="exp1" >个人经历 </h4 >

1.6 特殊字符

• 空格   &+nbsp;
• 小于 < &+lt;
• 大于 > &+gt;
• &号 & &+amp;
• $号 ¥ &+yen;
• c号 © &+copy;
• r号 ® &+reg;

1.7 图片的路径问题

相对路径：相对于项目的根目录来说
		1、图片位于html文件相同的文件夹，只需要输入图片的名字
		2、图片位于html下一级文件夹，需要输入文件夹名字，"/"隔开
		3、图片位于html上一级文件夹，需要加入"../"
		
		
绝对路径：直接是网络地址等相对于其他路径来说	

1.8 表格的使用

* 属性,属性值,作用
		border			边(0)		给表格添加边框
		cellspacing		px(2px)		单元格与单元格之间的距离
		cellpadding	2	px(1px)		单元格边框和内容之间的距离
		
		注意：上边三个属性一般情况设置为0
	        属性width			px					
		height			px 在行内设置值时不用px也可以 width="600"
		align			left(默认) center right

• 带有表头的表格 tr th
• 带有标题的caption双标签 * 注意： caption在table里面，紧跟table
• 浏览器解析时会自动加入tbody thead tbody * tfoot---较少
• rowspan:跨行合并
• colspan:跨列合并
• 合并单元格的时候，会产生多余的单元格，就要把多余的单元格删除
• 删除单元格的个数=合并的个数-1
• 单元格合并的顺序：先左，先上

1.9 表单（根据type属性的值不同）

• 1. text 文本框
• 2. password 密码框
• 3. select+option的下拉框

  select的值

  autofocus：规定在页面加载后文本区域自动获得焦点。

  disabled：规定禁用该下拉列表。

  form：规定文本区域所属的一个或多个表单。

  multiple：规定可选择多个选项。

  name：规定下拉列表的名称。

  required：规定文本区域是必填的。

  size：规定下拉列表中可见选项的数目。 option的值

  disabled：规定此选项应在首次加载时被禁用。

  label：定义当使用 <optgroup>时所使用的标注。

  selected：规定选项（在首次显示在列表中时）表现为选中状态。

  value：定义送往服务器的选项值。

  默认选中的时selected属性，值也是selected的值

• 4. 单选按钮 radio name的属性值相同就可以
• 5. 多选框 checkbox name的属性值相同便于以后操作js的写法
• 6. file上传头像
• 7. textarea 属性值 rows="5" cols="50" readonly用来只读
• 8. button 按钮
• 9. submit 提交
• 10. reset重置
• 11. image类型可以加路径
• 12. label 点击触发相应的事件

•    <label for="male">
     	Male
     </label>
     <input type="radio" name="sex" id="male" />
     <label for="female">
     	Female
     </label>
     <input type="radio" name="sex" id="female" />
  

Male
Female

• 13. form 表单 action="url地址" method="提交方式" name="表单名