HTML基本理解day3 | 青训营笔记

213 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第3天

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 合并单元格

image.png

image.png

列表标签

合并单元格三步曲:

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来设置。