【HTML】P3 列表 与 表格
创始人
2025-05-28 06:15:03
0次

列表与表格

  • （1）列表
    • 1.1 有序列表：order list
    • 1.2 无序列表：unorder list
    • 1.3 自定义列表：define list
  • （2）表格基础
    • 2.1 表格标题：caption
    • 2.2 表格头部：thead
    • 2.3 表格主体：tbody
    • 2.4 表格脚注：tfoot
    • 2.5 表格结构线
  • （3）表格提高
    • 3.1 table 属性
    • 3.2 跨行跨列


（1）列表

列表分为 有序列表，无序列表 以及 自定义列表；

1.1 有序列表：order list

  1. 第一步
  2. 第二步
  3. 第三步
    4.

列表包裹：

  1. 第一步
  2. 第二步
  3. 第三步
  4. 百度
    5.

1.2 无序列表：unorder list

  • 北京
  • 上海
  • 成都
    •

列表嵌套：

  • 北京
  • 上海
    • 迪士尼
    • 外滩
    • 东方明珠
  • 成都
    •

列表嵌套效果：

在这里插入图片描述

1.3 自定义列表：define list

自定义标题1
自定义内容1
自定义内容1
自定义标题2
自定义内容2
自定义标题3
自定义内容3

自定义列表实际应用场景：

在这里插入图片描述


（2）表格基础

在html中，表格分为表格标题、表格头部、表格主体以及表格脚注，如下图所示：

在这里插入图片描述

2.1 表格标题：caption

学生信息

2.2 表格头部：thead

在这里插入图片描述

姓名性别年龄民族政治面貌

2.3 表格主体：tbody

在这里插入图片描述

李四女20满族党员王五男18汉族团员赵六男21彝族党员

2.4 表格脚注：tfoot

在这里插入图片描述

共计4人

学习掌握 JS 知识后，就无需写定4人，而是可以直接根据tbody中 tr 数量进行判定；

2.5 表格结构线

...

后期更多调整使用CSS；


（3）表格提高

3.1 table 属性

............

3.2 跨行跨列

课程表
项目上课休息
星期星期一星期二星期三星期四星期五星期六星期日
上午3-23-33-43-53-63-7休息
4-24-34-44-54-64-7
5-25-35-45-55-65-7
6-26-36-46-56-66-7
下午7-27-37-47-57-67-7休息
8-28-38-48-58-68-7

在这里插入图片描述

剩余关于表格颜色等需要等到学习CSS时再进行渲染；

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：新开店项目小本创业 新开店项目小本创业 新开店项目小本创业

下一篇：世界抹茶超级工厂崛起背后的“电引擎”

相关内容

热门资讯

翼龙是大还是小？急急急！ 翼龙是大还是小？急急急！翼龙是大，小翼龙进化是翼龙，速度挺快，其他的我认为不怎么样
我们重庆的春节有哪些习俗写一篇... 我们重庆的春节有哪些习俗写一篇作文我们重庆的春节有哪些习俗写一篇作文，我们重庆的春节的传统习俗就是很...
地球上存在的元素和宇宙中存在的... 地球上存在的元素和宇宙中存在的元素一样多吗？不是，像木星，土星，天王星，海王星和冥王星是气态或冰雪覆...
高尔夫球对人们有什么帮助？ 高尔夫球对人们有什么帮助？有特别大的帮助，这样的话就会提高人们的气质，然后也可以让人们在运动过程中变...
玄幻小说中哪些是未成年人不宜看... 玄幻小说中哪些是未成年人不宜看的??我是开书店的,希望得到广大读者的帮助,谢谢!!!我是开书店的,希...
若无相欠,怎会相见,相见不如怀... 若无相欠,怎会相见,相见不如怀念,下辈子不要再见的意思？有相欠就会有相见，但是又不想见你，就是不想欠...
2025海南高考“气场全开” ... 商报全媒体讯（椰网/海拔新闻记者 张艺 陈勇合 摄影报道）6月7日，2025年高考正式拉开序幕。高考...
第二届伯明翰国际青年学者论坛举... 来源：中国新闻网 中新网伦敦6月8日电 (记者 欧阳开宇)第二届伯明翰国际青年学者论坛日前在伯明翰大...
赵恪苏雨萱是什么小说？ 赵恪苏雨萱是什么小说？赵恪苏雨萱是穿越文《乘龙快婿》希望能够帮到你！祝你幸福
铜的长方体，上面铸着“天津”“... 铜的长方体，上面铸着“天津”“赤金”看造型和文字是金锭，天津那边大金店造的。但是不是像楼主这样的，应...
美国防部长威胁动用海军陆战队 据路透社8日消息，美国国防部长赫格塞斯警告称，如果洛杉矶局势持续升级、暴力事件持续发生，五角大楼已准...
马斯克企业有大量联邦合同 转自：京报网_北京日报官方网站 【#马斯克企业有大量联邦...
长春降价21.43% 近日，长春市发展和改革委网站发布长春市重要民生商品价格情况，详情如下:长春市重要民生商品价格情况据五...
民警15分钟紧急反诈保住25万... 转自：荔枝新闻 #女子正刷脸转账民警夺手机保住25万#【...
吉他切音问题 如扫弦，是扫了后... 吉他切音问题 如扫弦，是扫了后马上按下弦去止音，还是按着弦来扫！！切音就是在右手击弦后，让延长的音马...
江苏省2025年普通高考第二日... 转自：扬子晚报6月8日，江苏省2025年普通高考物理、历史和外语科目考试顺利结束。全省各地、各考点考...
记者手记：从零跃迁向深空进发 　　炒股就看金麒麟分析师研报，权威，专业，及时，全面，助您挖掘潜力主题机会！ 　　在月球上“就地取...
有节奏感比较强的，可以活跃气氛... 有节奏感比较强的，可以活跃气氛的歌曲、舞曲、DJ…谢谢网吧专用两个人、乐巢、非诚勿扰呗～
做出好产品 夯实确定性（走市场... 　　全球每5部智能手机、每4个动漫衍生品、每5件毛衣，其中之一就是“东莞造”。广东东莞的发展脉动，一...
第八届进博会正式接受境内外专业... 记者从中国国际进口博览局获悉，第八届进博会从2025年6月6日起正式接受境内外专业观众报名，专业观众...