HTML 基础知识大全

1.清除浮动的方法：

在父亲的div上加overflow：hidden；

2.table标签使border边框变为单实线：

CSS:

 table, th,td{

    border: 1px solid black;
    border-collapse:collapse ;

}

3.table 的 colspan 和 rowspan：

colspan：占据两列,横向占据了两个单元格的宽度

rowspan：占据两行,纵向占据了两个单元格的长度

4.table 的 caption： 表格标题

5.table 当画表格的时候 规范是有 thead 和 tbody 和 tfood

6.table 的 简单创建方法：

 <!--table>(tr>td{$$$}*4)*3--> 三行四列

<!--table>(tr>th*4)((tr>td*4)*3)--> 四行四列（但是第一行是头th）

7.form表单 ： 用于提交数据  网页之间的数据交换

1）.action  提交的网址
     method : GET POST 此外还有7种 请求方式
     GET: 从服务器获得数据
     POST: 发送数据给服务器（比如文件）
     get： 提交的信息会拼接在网址后面 保密性差 但是速度快 给服务器压力小
     post： 提交的信息  保密性好 可以上传大文件 速度慢 压力大

2）.<label for=“...”> 标签   把标签里的内容挂载到id为for内容的标签上 

3）.input   type = “text”   中加上 disabled="disabled"   使得text不可修改 

4）.input   type = "radio"  单选框  定义两个 但是 name 参数的值一样 ； checked="checked" 默认选中

5） input type="checkbox" 多选框 可定义多个 但是 name 参数的值一样 ；disabled="disabled" 默认不可选

6）.input type="file" name="file"  选择文件

7）.下拉列表

<select name="city" id="">
	<option value="0">大连</option>
	<option value="1">北京</option>
	<option value="2">上海</option>
	<option value="3">广州</option>
</select>

7_2).

<select name="" id="">
	<optgroup label="区域">
		<option value="">日韩</option>
		<option value="">欧美</option>
		<option value="">国产</option>
		<option value="">非主流</option>
	</optgroup>
	<optgroup label="区域">
		<option value="">日韩</option>
		<option value="">欧美</option>
		<option value="">国产</option>
		<option value="">非主流</option>
	</optgroup>
</select>

8）<input type="reset" value="重置" />  一个按钮 点击重置表单内的信息

8.img和input对齐的解决方法

可能很些朋友会发现一般情况下我们把css与input放在一起时会高低不同，下面我来介绍css中使用input与img(图片)在同一行居中对齐实现方法。

将input和img放同一行，img标签总是比input高出一个头，难看。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性，这个方法似乎的确可行，但是不符合HTML标准。后来发现同时给input和img添加vertical-align:middle就行：

在写css时，使得input和img在同一行居中对齐的方法：

img{vertical-align:middle;}

input{width:宽度;height:高度;line-height:与高度一致;margin:0px;padding;0px;font-size:字体大小;border:边框;vertical-align:center;}

或直接这样写

input,img{vertical-align:middle;}