HTML day_02(6.1)表格列表、结构标记 、 表单、新表单元素

一、表格

 

1.表格的结构

2.表格的语法

table标签：表示表格的开始和结束，表格的所有内容需要写在这一对标签中 tr标签：表示表格中的一行 table row td标签：要写在tr中，这一行中的每一个单元格，是真正放数据的地方 table dataceil

3.表格的可选标记

caption标签：表格的标题 thead标签：表头部分 tbody标签：表的主体部分 th标签：行/列的标题，文字加粗显示

4.表格的属性

table标签的属性 border = "1px" 设置边框 bordercolor = "" 设置边框颜色 bgcolor ="" 设置背景颜色 width =“”设置表格的宽度 height="" 设置表格的高度 table表格的边框是带有间距的，解决方案：给table标签加style="border-collapse: collapse;"

tr标签的属性 align ="" 设置内容的水平对齐方式 left靠左 center居中 right靠右 valign="" 设置内容的垂直对齐方式 top靠上 middle居中 bottom靠下

5.不规则的表格(合并单元格)

colspan="n" 跨列，从当前单元格开始，向右合并n个单元格(n也包含当前单元格) rowspan="n" 跨行，从当前单元格开始，向下合并n个单元格(n也包含当前单元格) 被合并的单元格一定得删除掉！

6.表格的大小

表格的大小是由内容撑起来的 但如果修改了某个单元格的高度，这一行单元格的高度都会随之改变 同理，如果修改了某个单元格的宽度，这一列单元格的宽度都会随之改变

二、 列表

列表的类型两种：分别是：有序列表 和 无序列表

1.有序列表

<ol> 有序列表order list      <li></li> 列表项