HTML02

表格的基本语法

1.

是用于定义表格的标签。

2. 标签用于定义表格中的行,必须嵌套在

标签中。(tr表示一行)

3. 用于定义表格中的单元格,必须嵌套在标签中。(td表示一列)

4. 字母 td 指表格数据(table data),即数据单元格的内容

5. 标签表示 HTML 表格的表头部分,一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示.

表格属性 (需要在table标签里面设置)

表格属性

表格结构标签

因为表格可能很长,为了更好的表示表格的语义,可以将表格分割成 表格头部和表格主体两大部分.

在表格标签中,分别用:标签 表格的头部区域、标签 表格的主体区域. 这样可以更好的分清表 格结构。

1. :用于定义表格的头部。 内部必须拥有 标签。 一般是位于第一行。

2. :用于定义表格的主体,主要用于放数据本体 。

3.  以上标签都是放在

标签中。

合并单元格

合并单元格方式:

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

跨列合并:colspan="合并单元格的个数"

目标单元格:(写合并代码)

跨行:最上侧单元格为目标单元格, 写合并代码 

跨列:最左侧单元格为目标单元格, 写合并代码

合并单元格三步曲:

1. 先确定是跨行还是跨列合并。

2. 找到目标单元格. 写上合并方式 = 合并的单元格数量。比如:。

3. 删除多余的单元格。

列表标签

列表可以分为三大类:无序列表、有序列表和自定义列表。

 

    标签表示 HTML 页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用
  • 标签定义。

     

            

    • 列表项1
    •      

    • 列表项2
    •      

    • 列表项3
    •           ...

    4. 无序列表的各个列表项之间没有顺序级别之分,是并列的。

    5.

      中只能嵌套
    • ,直接在
        标签中输入其他标签或者文字的做法是不被允许的。

        6.

      • 之间相当于一个容器,可以容纳所有元素。

        7. 无序列表会带有自己的样式属性,但在实际使用时,我们会使用 CSS 来设置。

          里面不能插除了
        • 之外的标签,要查其它的标签要写在
        • 里面)

            标签用于定义有序列表,列表排序以数字来显示,并且使用
          1. 标签来定义列表项。

                   

            1. 列表项1
            2.      

            3. 列表项2
            4.      

            5. 列表项3
            6.            ...

            1.

              中只能嵌套
            1. ,直接在
                标签中输入其他标签或者文字的做法是不被允许的。

                8.

              1. 之间相当于一个容器,可以容纳所有元素。

                9. 有序列表会带有自己样式属性,但在实际使用时,我们会使用 CSS 来设置。

                自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。

                标签用于定义描述列表(或定义列表),该标签会与
                (定义项目/名字)和
                (描述每一个项目/名字)一起使用

                     

                名词1

                     

                名词1解释1

                     

                名词1解释2

                 

                1.

                里面只能包含

                10.

                个数没有限制,经常是一个
                对应多个

                列表总结

                总结

          你可能感兴趣的:(HTML02)