当前位置: 首页 > news >正文

HTML(5)——列表表格

列表

无序列表

作用:布局排列整齐的不需要规定顺序的区域。

标签:ul嵌套il,ul是无序列表,li是列表条目

注:ul标签只能包裹li标签,li标签可以包含任何内容

有序列表

作用:布局排列整齐的需要规定顺序的区域。

标签:ol嵌套li,ol是有序列表。

注:ol标签只能包裹li标签,li标签里面可以包裹任何内容

定义列表

标签:dl嵌套dt和dd,dl是定义列表,dt是定义列表的标题,dd是定义列表的描述/详情

<dl>

  <dt>列表标题</dt>

  <dd>列表描述</dd>

  ......

</dl>

 注:dl里面只能包含dt和dd,dt和dd可以包含任何内容。

表格

标签:table嵌套tr,tr嵌套td、th。

标签名说明
table表格
tr
th表头单元格
td内容单元格

在网页中,表格默认没有边框线,使用border属性可以为表格添加边框线

表格结构标签

作用:用表格结构标签把内容划分区域,让表格结构更清晰。

标签名含义说明
thead表格头部表格头部内容
tbody表格主体主要内容区域
tfoot表格底部汇总信息区域

合并单元格

作用:将多个单元格合并成一个单元格,以合并同类信息。

合并单元格步骤:

  1.明确合并的目标

  2.跨行合并,保留最上单元格,添加属性rowspan

     跨列合并,保留最左单元格,添加属性colspan

  3.删除其他单元格

http://www.lryc.cn/news/376179.html

相关文章:

  • FreeBSD通过CBSD管理低资源容器jail来安装Ubuntu子系统实践
  • SpringCloud总结(springcloud alibaba)
  • 轻轻松松上手的LangChain学习说明书
  • 全面对比与选择指南:Milvus、PGVector、Zilliz及其他向量数据库
  • svm 超参数
  • 001-基于Sklearn的机器学习入门:Sklearn库基本功能和标准数据集
  • 充电学习—7、BC1.2 PD协议
  • 技术点梳理0618
  • 石英砂酸洗提纯方法和工艺
  • linux安装dgl
  • 【SAP-ABAP】-权限批导-批量给某个角色导入事务码权限
  • 异常处理总结
  • 大模型日报2024-06-18
  • NumPy 双曲函数与集合操作详解
  • ABSD-系统架构师(十三)
  • PLC通过Profibus协议转Modbus协议网关接LED大屏通讯
  • 第二十三篇——香农第二定律(二):到底要不要扁平化管理?
  • stm32f103 HAL库 HC-SR04测距
  • vue中通过自定义指令实现一个可拖拽,缩放的弹窗
  • FreeRtos-09事件组的使用
  • 多路h265监控录放开发-(1)建立head窗口并实现鼠标拖动整个窗口
  • ICMR 2024在普吉岛闭幕,学者与泰国舞者共舞,燃爆全场
  • 大模型精调:实现高效迁移学习的艺术
  • epoll服务端和客户端示例代码
  • 最大乘积和-第13届蓝桥杯省赛Python真题精选
  • 探索C嘎嘎的奇妙世界:第四关---引用与内联函数
  • DLS平台:惠誉全球经济展望——今年调增至2.6%,明年调减!
  • 数据结构习题
  • 交通银行软件开发工程师校招面试经历
  • bashrc和profile区别