1.3 表格属性
表格标签这部分属性我们实际开发我们不常用,后而通过CSS来设置,目的有2个:
1.记住这些英语单词,后面CSS会使用
2.直观感受表格的外观形态
align leftcenter, right 规定表格相对周围元素的 对齐方式,
border 1或-- 规定 复格单元是否拥有边秘 默认为””,表示没有边框
cellpadding 像素值 规定 0元边沿与其内容之间的空白 默认1像素。
cellspacing 像素值 单元格之间的空白 默认2像素,
width 像素值或百分比 规定表格的宽度。
1.4表格结构标签
1.< thead>< /thead>:用于定义 表格的头部。 内部 必须拥有< tr>标签 一般是位于第一行
2.< tbody>< /tbody>:用于定义表格的主体 主要用于放数据本体,
3.以上标签都是放在< table>< /table>标签中
1.5 合并单元格
列表标签
合并单元格三步曲:
1.先确定是跨行还是跨列合并。
2.找到目标单元格,写上合并方式=合并的单元格数量。比如:<tdcolspan=“2”>< /td>。
3.删除多余的单元格。
1.1 无序列表(重点)
表格是用来显示数据的,那么列表就是用来布局的
列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由和方便
根据使用情景不同,列表可以分为三大类:无序列表、有序列表和自定义列表。
1.2 有序列表(理解)
< ul>标签表示HTML页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用< li> 标签定义。无序列表的基本语法格式如下:
< ul> < li>列表项1< /li> < 1i>列表项2</1i><1i>列表项3</1i> .. </ul> 复制代码
1.无序列表的各个列表项之间没有顺序级别之分,是并列的。
< ul>< /ul>中只能嵌套< li>< /li>,直接在< ul>< /ul>标签中输入其他标签或者文字的做法是不被允许的。
2.< li>与< /li>之间相当于一个容器,可以容纳所有元素
3.无序列表会带有自己的样式属性,但在实际使用时,我们会使用CSS来设置。
有序列表即为有排列顺序的列表,其各个列表项会按照一定的顺序排列定义。 在HTML标签中,< ol>标签用于定义有序列表,列表排序以数字来显示,并且使用
- 标签来定义列表项 有序列表的基本语法格式如下:
< ol> < li>列表项1< /li>< 1i>列表项2< /1i>< li>列表项3< /li> ... </o1> 复制代码
- 1.< ol>< /ol>中只能嵌套< li>< /1i>,直接在< ol>< /ol>标签中输入其他标签或者文字的做法是不被允许的。
2.< li>与< /li>之间相当于一个容器,可以容纳所有元素。 3.有序列表会带有自己样式属性,但在实际使用时,我们会使用CSS来设置。