HTML笔记day2

第二章

1.表格：显示&展示数据

<table></table>表格标签

<tr></tr>表格行标签必须嵌套在table标签中

<td></td>表格的单元格标签，必须嵌套在tr标签中

2.表格属性

border 设置表格的表框(默认border = "0" 无边框)

width 设置表格的宽度

height 设置表格的高度

align 设置表格的网页中的水平对齐方式，值为left(左)，right(右)，center(中)

cellspacing 设置单元格与单元格边框之间的空白间距

cellpadding 设置单元格内容与单元格边框之间的距离

3.表头单元格<th></th>

th是个特殊的单元格，与普通td的单元格的差异是th的文字加粗且居中显示

4.表格标题标签caption

<table><caption>表格标题</caption></table>

caption 元素定义表格标题，通常居中显示在表格之上

caption 标签必须紧随table标签之后，这个标签只会存在表格中有意义

5.合并单元格

跨行合并 rowspan = "合并单元格个数" 

跨行合并 colspan = "合并单元格个数"、

5.1.先确定是跨行还是跨列合并

5.2.根据先上后下，先左后右的原则找到目标单元格，然后写合并方式&合并的个数

5.3.删除多余的单元格

6.表格结构划分

6.1.<thead>表头</thead>  用于定义表格的头部。用来存放标题之类的东西。<thead>内部必须拥有<tr>标签

6.2.<tbody></tbody>  用于定义表格主体，存数据本体

6.3.<tfoot></tfoot> 用于放表格脚注之类的

以上标签必须放在table标签中

7.列表标签用于布局

特点：整齐，整洁，有序，跟表格类似，但是可组合自由度会更高

7.1.无序列表:无序列表的各个列表项之间没有顺序级别之分，是并列的。基本语法<ul><li></li></ul>

7.1.1.<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的

7.1.2.<li></li>之间相当于一个容器，可以容纳所有元素

7.2.有序列表

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

7.3.自定义列表

<dl><dt>武汉</dt><dd>江夏区</dd><dd>武昌区</dd><dd>洪山区</dd></dl>

8.表单标签

8.1.<input type="属性值" value="你好" />

属性	属性值	描叙
type	text	单行文本输入框
type	password	密码输入框
type	checkbox	复选框
type	radio	单选按钮
type	button	普通按钮
type	submit	提交按钮
type	reset	重置按钮
type	image	图像形式的提交按钮
type	file	文件域
name	用户自定义	控件名称
value	自定义	input的默认文本值
size	正整数	页面中显示的宽度
checked	checked	定义空间的默认选中项
maxlength	正整数	允许输入的最多字符数

9.lable标签

用于绑定表单元素，当点击lable标签的时候，被绑定的表单元素就会获得输入焦点

第一种直接包含使用<lable>用户名：<input  type="text" /></lable>

第二种通过for和id去绑定<lable for="yh">用户名</lable> <input type="text"  id="yh"/>

10.textarea控件(文本域)

<textarea cols="每行中的字符数" rows="显示的行数" > 文本内容 </textarea>

11.select控件(不常用)

<select> <option selected = "selected">北京</option><option>上海</option><option>深圳</option> </select>

selected表示默认选中状态

12.form表单域

在HTML中，form标签被用于定义表单域，以实现用户信息的收集和传递，form中所有的内容都会被提交给服务器

<form action="url地址" method="提交方式" name="表单名称"> 各种表单控件</form>

属性	属性值	作用
action	url地址	用于指定接受并处理表单数据服务器程序的url地址
method	get/post	用于设置表单数据的提交方式，其取值为get或post
name	名称	用于指定表单的名称，以区分同一个页面中的多个表单