表格标签和列表标签

  1. 表格基本语法

<table>

<tr>

<td>单元格内文字</td>

...

</tr>

...

</table>

(1)<table></table>是表格标签。

(2)<tr></tr>是表格中的行。

(3)<td></td>是表格中的单元格。

  1. 表头单元格

<table>

<tr>

<th>单元格内文字</th>

...

</tr>

...

</table>

(1)<th></th>表头部分,加粗居中显示。

  1. 表格属性

(1)align(属性值:left、center、right):表格相对周围的对齐方式

(2)border:表格单元是否有边框

(3)cellpadding:单元边沿与其内容之间的空白

(4)cellspacting:单元格之间的空白

(5)width:表格宽度

  1. 表格结构标签

(1)<thead>标签:表格的头部区域

(2)<tbody>标签:表格的主体区域

  1. 合并单元格

(1)合并单元格方式:

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

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

(2)目标单元格:

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

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

  1. 无序列表

(1)用到<ul>标签和<li>标签

<ul>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

</ul>

(2)<ul>标签只能放<li>标签,而<li>标签可以放其他标签

  1. 有序列表

(1)用到<ol>标签和<li>标签

<ol>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

</ol>

  1. 自定义列表

(1)常用于对术语的解释和描述,列表项无任何项目符号

<dl>

<dt>名词1</dt>

<dd>名词解释1</dd>

<dd>名词解释2</dd>

</dl>

(2)<dl>只能包含<dt>和<dd>,<dt>和<dd>是兄弟关系

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值