初学HTML记录（一）

表格：
用于规整的展示数据。或者布局页面。
基本语法：

<table>
<tr>
<td></td>
</tr>
</table>

table:表格主题
tr：行标签
td：行中的单元格标签
三者是嵌套的父子级关系，相互嵌套。
table>tr>td
表头单元格：th
在表格首列tr中作为表头，和td 一样为表头一格。
和td不同的是th只用于表头，里面的内容会加粗居中。

表格的属性（并不常用，一般都用css修饰）
要记得属性单词。
有些属性写在table中会影响整个表格，当写在每一行tr中，则只影响这一行
align：left center right 靠左靠右居中
border：边框
cellpadding：内容和框框的边距。
cellspacing：单元格之间的空白距离。
width：表格宽度
height：高度

经过测试表格会自适应图片大小
应该先完成布局，再修改细节
thead标签将表格划分为head body

<thead>表头应当包含th表头单元格 
<tbody>表格主题标签

当然它们都在table中。

合并单元格格有哪两种方式：
跨行合并：rowspan=“合并单元格的个数”
上下两个行合并：跨行合并。
跨列合并：colspan=“合并单元格的个数”
左右两个列合并：跨列合并。

目标单元格：跨行合并在最上侧写入，跨列合并则在最左侧写入。
步骤：
1.先确定跨行还是跨列
2.找到目标单元格，写上合并方式=合并单元格的数量 ，比如：
3.删除多余的单元格。

列表，整齐有序，用于布局。
根据使用场景不同，分为：
无序列表
有序列表
自定义列表

无序列表：（重点）

<ul>
<li></li>
<li></li>
<li></li>
</ul>

无序列表无先后之分，ul中只能有li标签。但是li中可以有多种标签。
无序列表会带有自己的样式属性，前面排列的黑色小圆点，可以通过css去除。

有序列表：如果小的选项中间有顺序，会用有序列表来显示

<ol>
<li></li>
<li></li>
<li></li>
</ol>

同样只能嵌套li，但是li里面可以嵌套多种标签。将来用css去除

自定义列表：
类似一个大哥领着一群小弟的表现，小弟的项对大哥进行解释。常用于对术语或名词进行描述和解释，定义列表的列表项前没有任何符号。

<dl>
	<dt></dt>
	<dd></dd>
	<dd></dd>
          
</dl>

dl中只能放dd和dt。
在布局中要学会什么时候用什么列表。
上面有一个小标题，下面有很多对他来说明的用自定义。
排列整齐比较简单，没有顺序，可以用无序列表。

表单标签
比如注册要填的表单，和用户要进行交互，表单就是为了收集用户信息的。
表单一般由3部分组成
表单域，表单控件，提示信息。
表单域：表单集合的区域，包含所有表单。

<from>用于定义表单域，会把它范围内的表单元素信息提交给服务器。

各种表单元素控件

</form>

表单控件：可以点击和输入内容的，各种框框圈圈。

<input type="属性值" />

单标签，根据type赋予不同的属性值，而显示不同的输入框框圈圈。
有很多，例如：
button 可点击按钮。
checkbox 复选框。
file 定义输入字段和浏览按钮，供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段，该字段中的字符被掩码。
radio 单选按钮。
reset 重置按钮，清楚表单中的所有数据。
submit 提交按钮，点击后表单数据发给服务器
text 单行的输入字段，默认为20字符

提示信息：告诉用户输入什么，帮助用户完成填写。
复选框也可以只打一个。

name是表单的名字。当数个相同选框有了同样的name，那就可以实现单选。
但是多选框就不会被影响
有时候表单里会有默认的提示或其他字符，可以添加value来实现。同时value也是元素的值，如果用户在表单里点选了这个，那后台就能通过value来确定。所以name和value是每个元素都要有的，方便给后台反馈。

checked
单选按钮和多选框可以设置，页面打开时默认选中的项。单选按钮是多选1所以单选只能有一个按钮有checked，多选可以有多个。
maxlength
规定输入字段中字符的最大长度。maxlength=“8”

submit 提交按钮，把表单域得数据提交给服务器。
input type=“submit” value=“按键得名字确定或者其他”

input type=“reset” value=“重置”

input type=“button” value=任意按钮名

input type=“file” 上传文件。

label 标签 给文字设置相应标签，点击文字就可以点选input框或者选项

<label for="自定"> 字符</label> 
<input type=""  id="自定">

select 下拉列表表单元素
select中包含得每个选项是option，select中至少要有一个option。
如果要个给select设定一个默认的选项，可以在那个option中写一个：
selected=“selected”

textarea文本域
多行的文本框。
row 显示行数
cols 每行的字数
但事实上我们一般用css来修饰文本域，不会使用这两个属性。