HTML-04表格、列表标签

表格标签

  1. 表格标签基本使用
    1.1划分区域
    主分为整体-头部-主体部分
    例如:

头部标签中若想突出表头单元格(加粗),则将<td></td>标签替换为<th></th>标签

1.2基本语法
表格分为行(row)和单元格,一行里面有若干个单元格,而整个表格也可以设置属性,对应标签关系如下:
行——<tr></tr>标签
单元格——<td></td>标签

表格属性:(如下表)

属性名【属性值】描述
align 【left,center,right】表格在网页中的位置
border【1或“”】表格是否有边框
cellspacing单元格之间的空白
cellpadding单元边沿与内容的距离
width表格的宽度

注释:因table含有表格的意思,因此table是个大整体,而表格标签里的大部分标签以t开头

  1. 操作
    2.1合并单元格
分析跨行合并还是跨列合并
若是跨行则将代码放在上侧的单元格代码
使用rowspan并删除多余的单元格代码
若是跨列则将代码放在左侧的单元格代码
使用colspan并删除多余的单元格代码

列表标签

  1. 无序列表(列举出来,没有顺序(unordered))
    整体标签<ul></ul>
    :该标签里面只能填充<li></li>,两者为嵌套关系,但<li></li>里面可以填充其它元素,例如图片,链接等

  2. 有序列表(列举出来,有顺序(ordered))
    整体标签<ol></ol>
    :该标签里面只能填充<li></li>,两者为嵌套关系,但<li></li>里面可以填充其它元素,例如图片,链接等

  3. 自定义列表(类似于表格式的布局)
    整体标签<dl></dl>
    ____整体标签里有若干个小板块,板块名称用<dt></dt>标签
    ____板块名称标签里有若干个对名称的解释用<dd></dd>标签

    :该整体标签里面只能填充<dt></dt>标签和<dd></dd>标签,但<dt></dt>标签和<dd></dd>标签里面可以放任意标签

两者区别

   表格主要用于展示数据
   列表主要用于网页中的布局
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值