HTML基础知识点(F3)

210 阅读2分钟

1.【table】表格标签

表格基本格式:

    <table>表格开始 
           <caption>标题 </caption>
       <tr>表格行
           <th>表头</th>
       </tr>
       <tr>
           <td>单元格</td>
       </tr>
   </table>

【table】表格标签

<table></table>

【border】表格的边框属性

【align】表格的水平对齐方式

参数值:【center】【left】【right】

【valign】表格的垂直对齐方式

参数值:【top】【middle】【bottom】

【collapse】设置边框重叠

border-collapse:collapse;

【caption】表格标题

<caption></caption>

【tr】表格行

<tr></tr>

【th】表头

<th></th>

【td】表格单元格

<td></td>

【cellpadding】表格的单元格边距

【cellspacing】表格的单元格间距

【colspan水平跨度&&rowspan垂直跨度】单元格的合并

【colspan】表格的水平合并
<td colspan="合并的行数"></td>
【rowspan】表格的垂直合并
<td rowspan="合并的列数"></td>

注意:合并后的单元格要注意删减多余列单元格行单元格

【table】表格标签的结构标签

【thead】表首

<thead></thead>

【tbody】表主体

<tbody></tbody>

【tfoot】表尾

<tfoot></tfoot>

表格结构格式:

<table>表格开始 
        <caption>标题 </caption>
    <thead>表首
        <tr>表格行
            <th>表头</th>
        </tr>
    </thead>
    <tbody>表主体
        <tr>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
    </tbody>
    <tfoot>表尾
        <tr>表格行
            <td>单元格</td>
        </tr>
    </tfoot>
 </table>

【col】定义用于表格列的属性

<col span =”value”>

span: 属性规定 col 元素应该横跨的列数

作用:为表格中一个多个列定义属性值。

注意:只能在 tablecolgroup 元素中使用 <col> 标签。

【colgroup】定义表格列的组

<colgroup span =”value”></colgroup>

作用:用于对表格中的列进行组合,以便对其进行格式化

注意:标签只能在table元素中使用。

2.【ol&&ul&&dl】列表标签

【ul】无序列表

    <ul>无序列表
        <li>列表项</li>
    </ul>

排序类型circle 空心圆 disc 实心圆(默认)square 实心方块

【ol】有序列表

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

start 起始数值 (具体数字) type 排序类型

排序类型有

    1,数字
    a,小写英文字母
    A, 大写英文字母
    i, 小写罗马数字
    I,大写罗马数字

【dl】定义列表

<dl>自定义列表
    <dt>自定义项目</dt>
    <dd>自定义描述</dd>
</dl>

【dir】目录列表(了解)

【menu】菜单列表(了解)

<menu>
     <li>列表项</li>
</menu>