首页 > 其他分享 >HTML(5)——列表表格

HTML(5)——列表表格

时间:2024-06-18 12:30:25浏览次数:20  
标签:表格 标签 单元格 li 嵌套 HTML 列表

列表

无序列表

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

标签: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.删除其他单元格

标签:表格,标签,单元格,li,嵌套,HTML,列表
From: https://blog.csdn.net/m0_74386799/article/details/139760972

相关文章

  • HTML5休闲小游戏《猫猫超市》源码,引流、刷广告利器
    HTML5休闲小游戏《猫猫超市》源码,直接把源码上传到服务器就能使用了!下载链接:https://www.huzhan.com/code/goods467910.html......
  • HTML和CSS基础知识(3)
    一、标签显示模式(display)    (一)、什么是标签显示模式        顾名思义就是标签以什么样的方式进行显示,比如div会自己显示一行,span一行可以显示多个,那如果我们想把div在一行内显示多个如何去做,那就需要用到display显示模式了。而display显示模式有以......
  • 基于html,css,js,jQuery,ajax实时天气的网页
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><linkrel="stylesheet"hr......
  • 揭示SOCKS5代理服务器列表的重要性
    在复杂的网络安全领域中,SOCKS5代理在保护在线活动方面发挥着关键作用。本文深入探讨了SOCKS5代理服务器列表的细节,探讨了它们的应用、优势以及在增强在线安全和隐私方面不可或缺的功能。一、理解SOCKS5代理服务器列表作为在客户端和服务器之间进行通信的协议,SOCKS5因其多功......
  • 揭示SOCKS5代理服务器列表的重要性
    在复杂的网络安全领域中,SOCKS5代理在保护在线活动方面发挥着关键作用。本文深入探讨了SOCKS5代理服务器列表的细节,探讨了它们的应用、优势以及在增强在线安全和隐私方面不可或缺的功能。一、理解SOCKS5代理服务器列表作为在客户端和服务器之间进行通信的协议,SOCKS5因其多功......
  • HTML和CSS知识汇总4
    一、背景1、背景简写|属性名|background         ||属性值|colorimage repeatposition||默认值|每个属性的默认值      ||描述 |设置背景图片是否随内容滚动 |CSS3支持背景半透明的写法语法格式是:```cssback......
  • HTML和CSS基础(二)
    四、HTML布局4.1文档流HTML文档流(DocumentFlow)是网页布局的基础,它决定了元素如何在页面上排列。文档流可以分为两大类:正常流(NormalFlow)和脱离正常流(OutOfFlow)。下面详细介绍这两大类以及它们的子分类:1.正常流(NormalFlow)正常流是文档流的默认布局方式,元素按照它们在H......
  • QT 中QLineEdit 的常用成员函数和信号的详细列表
    在Qt中,QLineEdit 是一个用于单行文本输入的控件。它提供了丰富的成员函数(methods)和信号(signals)来支持各种文本输入和交互操作。以下是一些 QLineEdit 的常用成员函数和信号的详细列表:常用成员函数(Methods)setText(constQString&text)QT中QLineEdit信号的用法(textEdite......
  • Excel 识别数据层次后转换成表格
    某列数据可分为3层,第1层是字符串,第2层是日期,第3层是时间:A1NAME122024-06-03304:06:12404:09:23508:09:23612:09:23717:02:2382024-06-02904:06:121004:09:231108:09:2312NAME2132024-06-031404:06:121504:09:23162024-06-021712:09:231817:02:23需要正确识别三层数据......
  • html2canvas插件 线上image转base64
    UncaughtDOMException:Failedtoexecute'toDataURL'on'HTMLCanvasElement':Taintedcanvasesmaynotbeexported.html2canvas,如果html中有image,需要转base64才能正常转换image。本地调试可能存在跨域访问图片问题。由于图片服务器未开启跨域允许权限。Access-Control-A......