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

HTML2:列表和表格

news 文章来源：https://blog.csdn.net/qq_55630615/article/details/137471106 2024/10/25 14:22:38

列表

有序列表

ordered list ol

无序列表

unordered list ul

定义列表

definition list dl

1,有序列表

每条列表前自带一个序号

2,无序列表

每条列表前自带一个小圆点

3,定义列表

注意:dl中放的不是li列表而是dt列表和dd表项

dt代表术语标题

dd代表术语内容

一个dt可以对应多个dd

表格

table标签

表格组成

表格标题:caption标签

表格头部:thead标签

表格主体:tbody标签

表格脚注:tfoot标签

行:tr标签

表格头单元格:th标签

表格主体单元格:td标签

table属性设置

设置table标签的border属性调整边框宽度

设置width属性调整表格宽度(至少)

设置height属性调整表格高度(表头和脚注不会变)(至少)

设置cellspacing属性调整单元格间距,属性为"0"代表边框没有间距,并非合并边框

thead属性设置

height设置高度

align设置对齐方式 left,right,center…默认center

valign 垂直对齐方式 middle垂直居中,bottom底部对齐

tbody属性设置

同thead

th和td的属性设置

同thead

单元格的跨行和跨列

跨列:
colspan="n"//跨n列
跨行:
rowspan="n"//跨n行
简单课程表代码实现
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><h1>课程表</h1><table border="1"><caption>表格</caption><thead align="center" valign="middle"><tr><th colspan="1">项目</th><th colspan="4">上课</th><th colspan="2">活动和休息</th></tr></thead><tbody align="center" valign="middle"><tr><td>周一</td><td>周二</td><td>周三</td><td>周四</td><td>周五</td><td>周六</td><td>周日</td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td rowspan="5">7</td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr></tbody><tfoot align="center" valign="middle"><tr><td>a</td><td>b</td><td>c</td><td>d</td><td>d</td><td>d</td><td>d</td></tr></tfoot></table>
</body></html>

相关文章：

HTML2:列表和表格

列表 有序列表 ordered list ol 无序列表 unordered list ul 定义列表 definition list dl 1,有序列表 每条列表前自带一个序号 2,无序列表 每条列表前自带一个小圆点 3,定义列表 注意:dl中放的不是li列表而是dt列表和dd表项 dt代表术语标题 dd代表术语内容 一个…...

编程日记 2024/4/8 11:42:31

用于无人机小型化设计的高精度温补晶振

用于无人机小型化设计的高精度温补晶振:TG2016SMN和TG2520SMN。无人机的发展可以说是非常的迅速&#xff0c;在安防&#xff0c;农业&#xff0c;交通&#xff0c;电力&#xff0c;直播等领域经常能看到无人机大显身手。无人机的应用场最是非常的广泛&#xff0c;功能更强&…...

编程日记 2024/4/8 11:41:30

轨迹规划 | 图解最优控制LQR算法(附ROS C++/Python/Matlab仿真)

目录 0 专栏介绍1 最优控制理论2 线性二次型问题3 LQR的价值迭代推导4 基于差速模型的LQR控制5 仿真实现5.1 ROS C实现5.2 Python实现5.3 Matlab实现 0 专栏介绍 &#x1f525;附C/Python/Matlab全套代码&#x1f525;课程设计、毕业设计、创新竞赛必备&#xff01;详细介绍全…...

编程日记 2024/4/8 11:38:26

工业视觉检测

目录 我对工业视觉检测的了解 一、关键组成部分 二、应用场景 三、技术挑战 我对工业视觉检测的了解 工业视觉检测是利用机器视觉技术对产品质量进行自动化检查的过程&#xff0c;它在制造业中扮演着至关重要的角色&#xff0c;用于确保产品质量、提高生产效率、减少人工成…...

编程日记 2024/4/8 11:37:25

wheeltec轮趣ROS教育机器人的网络连接

一、术语解析 宿主机&#xff1a;宿主机是指物理主机&#xff0c;比如用于开发测试的笔记本电脑和台式机电脑。 虚拟机&#xff1a;虚拟机是指安装在宿主机的VMware&#xff0c;推荐在宿主机上安装虚拟机&#xff0c;官方提供虚拟机的镜像以及配套的开发环境。 ROS主机&…...

编程日记 2024/4/8 11:34:21

【Linux ARM 裸机】开发环境搭建

1、Ubuntu 和 Windows 文件互传 使用过程中&#xff0c;要频繁进行 Ubuntu 和 Windows 的文件互传&#xff0c;需要使用 FTP 服务&#xff1b; 1.1、开启 Ubuntu 下的 FTP 服务 //安装 FTP 服务 sudo apt-get install vsftpd //修改配置文件 sudo vi /etc/vsftpd.conf//重启…...

编程日记 2024/4/8 11:33:19

怎么保证缓存与数据库的最终一致性？

目录 零.读数据的标准操作 一.Cache aside Patten--旁路模式 二.Read/Write Through Pattern--读写穿透 三.Write Back Pattern--写回 四.运用canal监听mysql的binlog实现缓存同步 零.读数据的标准操作 这里想说的是不管哪种模式读操作都是一样的&#xff0c;这是一种统一…...

编程日记 2024/4/8 11:28:14

免费SSL通配符证书/SSL泛域名证书获取教程

我们先基本了解什么是SSL证书以及其作用。SSL证书是一种数字证书&#xff0c;它通过为网站提供身份验证和数据加密服务&#xff0c;从而保护网站的用户信息安全。当我们在浏览器的地址栏看到“https”和绿色锁标志时&#xff0c;就表示该网站使用了SSL证书。 那么什么又是通配…...

编程日记 2024/4/8 11:27:12

mysql结构与sql执行流程

Mysql的大体结构 客户端&#xff1a;用于链接mysql的软件 连接池&#xff1a; sql接口&#xff1a; 查询解析器&#xff1a; MySQL连接层 连接层&#xff1a; 应用程序通过接口&#xff08;如odbc,jdbc&#xff09;来连接mysql&#xff0c;最先连接处理的是连接层。 连接层…...

编程日记 2024/4/8 11:25:08

vue快速入门（十二）v-key索引标志

注释很详细&#xff0c;直接上代码 新增内容 v-key的使用场景数组筛选器的使用 源码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-…...

编程日记 2024/4/8 11:21:04

智能网联汽车自动驾驶数据记录系统DSSAD数据配置

目录 第一章 数据配置一般要求 第二章 数据配置文件中的文件描述 第三章 数据配置文件中的数据描述 第四章 数据配置文件中的数据字典 表A.1 数据字典格式定义 第一章 数据配置一般要求 数据配置文件数据内容应为可读的十进制数据。 数据配置文件应以文件的形式存储在自动驾驶…...

编程日记 2024/4/8 11:20:02

linux知识点

绝对路径用什么符号表示&#xff1f;当前目录、上层目录用什么表示&#xff1f;主目录用什么表示? 切换目录用什么命令 绝对路径&#xff1a; 如/etc/init.d当前目录和上层目录&#xff1a; ./ …/主目录&#xff1a; ~/切换目录&#xff1a; cd 怎么查看当前进程&#xff1f;…...

编程日记 2024/4/8 11:19:01

微信小程序实现滚动标签

使用scroll-view标签可实现组件滚动标签 1、list中 list.wxml代码如下: <!--pages/list/list.wxml--> <navigation-bartitle"小程序" back"{{false}}"color"black" background"#FFF"></navigation-bar><scroll-…...

编程日记 2024/4/8 11:17:59

大语言模型上下文窗口初探（下）

由于篇幅原因&#xff0c;本文分为上下两篇&#xff0c;上篇主要讲解上下文窗口的概念、在LLM中的重要性&#xff0c;下篇主要讲解长文本能否成为LLM的护城河、国外大厂对长文本的态度。 3、长文本是护城河吗&#xff1f; 毫无疑问&#xff0c;Kimi从一开始就用“长文本”占领…...

编程日记 2024/4/8 11:16:58

Java整合ElasticSearch8.13

1、引入Jar包 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-elasticsearch</artifactId> </dependency> 2、配置ES连接信息 spring:elasticsearch:# 地址uris: http://xxx:9200# 用户…...

编程日记 2024/4/8 11:14:56

2.网络编程-HTTP和HTTPS

目录 HTTP介绍 HTTP协议主要组成部分 GET 和 POST有什么区别 常见的 HTTP 状态码有哪些 http状态码100 HTTP1.1 和 HTTP1.0 的区别有哪些 HTTPS 和 HTTP 的区别是什么 HTTP2 和 HTTP1.1 的区别是什么 HTTP3 和 HTTP2 的区别是什么 HTTPS的请求过程 对称加密和非对称…...

编程日记 2024/4/8 11:13:54

MTK i500p AIoT解决方案

一、方案概述 i500p是一款强大而高效的AIoT平台&#xff0c;专为便携式、家用或商用物联网应用而设计&#xff0c;这些应用通常需要大量的边缘计算&#xff0c;需要强大的多媒体功能和多任务操作系统。该平台集成了Arm Cortex-A73 和 Cortex-A53 的四核集群&#xff0c;工作频…...

编程日记 2024/4/8 11:12:53

ES入门十四：分词器

我们存储到ES中数据大致分为以下两种&#xff1a; 全文本&#xff0c;例如文章内容、通知内容精确值&#xff0c;如实体Id 在对这两类值进行查询的时候&#xff0c;精确值类型会比较它们的二进制&#xff0c;其结果只有相等或者不想等。而对全文本类型进行等值比较是不太实现…...

编程日记 2024/4/8 11:10:51

汇编——SSE打包整数

SSE也可以进行整数向量的加法&#xff0c;示例如下&#xff1a; ;sse_integer.asm extern printfsection .datadummy db 13 align 16pdivector1 dd 1dd 2dd 3dd 4pdivector2 dd 5dd 6dd 7dd 8fmt1 db "Packed Integer Vector 1: %d, %d, %d, %d",…...

编程日记 2024/4/8 11:09:49

动态规划（2）

动态规划&#xff08;2&#xff09; 文章目录 动态规划&#xff08;2&#xff09;1、聪明的寻宝人2、基因检测3、药剂稀释4、找相似串 1、聪明的寻宝人 #include <iostream> using namespace std; void MaxValue(int values[], int weights[], int n, int m) {int dp[21…...

编程日记 2024/4/8 11:08:48

JetBrains IDE 2024.1 发布 - 开发者工具

JetBrains IDE 2024.1 (macOS, Linux, Windows) - 开发者工具 CLion, DataGrip, DataSpell, Fleet, GoLand, IntelliJ IDEA, PhpStorm, PyCharm, Rider, RubyMine, WebStorm 请访问原文链接&#xff1a;JetBrains IDE 2024.1 (macOS, Linux, Windows) - 开发者工具&#xff0…...

编程日记 2024/4/8 11:07:46

C++ 构造函数中的参数顺序

描述&#xff1a; 未初始化的参数必须在初始化参数之前 正确 ✓ 写法&#xff1a; mother(const char* food, const char* lastName"无姓", const char* firstName "无名" ); 错误❌写法&#xff1a; mother(const char* lastName"无姓", …...

编程日记 2024/4/8 11:03:42

Git Flow困境逃脱指南

本来来自极狐GitLab 资源中心&#xff0c;原文链接&#xff1a;https://resources.gitlab.cn/articles/020183ba-cfc0-4917-b901-248acdcfc92f。 GitLab 是一个全球知名的一体化 DevOps 平台&#xff0c;很多人都通过私有化部署 GitLab 来进行源代码托管。极狐GitLab &#xff…...

编程日记 2024/4/8 11:02:41

MySQL的sql_mode模式简介

前言 今天同事使用数据库时报错,排查问题时发现配置文件里的sql_mode配置被人注释了,所以通过查询资料对这个配置进行了下了解。 介绍 mysql为了支持在不同的环境下运行&#xff0c;允许我们给它设置不同的运行模式&#xff08;sql_mode&#xff09;。 不同的运行模式&#…...

编程日记 2024/4/8 11:01:40

性能优化-如何爽玩多线程来开发

前言 多线程大家肯定都不陌生&#xff0c;理论滚瓜烂熟&#xff0c;八股天花乱坠&#xff0c;但是大家有多少在代码中实践过呢&#xff1f;很多人在实际开发中可能就用用Async&#xff0c;new Thread()。线程池也很少有人会自己去建&#xff0c;默认的随便用用。在工作中大家对…...

编程日记 2024/4/8 11:00:39

非关系型数据库-----------Redis的主从复制、哨兵模式

目录 一、redis群集有三种模式 1.1主从复制、哨兵、集群的区别 1.1.1主从复制 1.1.2哨兵 1.1.3集群 二、主从复制 2.1主从复制概述 2.2主从复制的作用 ①数据冗余 ②故障恢复 ③负载均衡 ④高可用基石 2.3主从复制流程 2.4搭建redis主从复制 2.4.1环境准备 2.4…...

编程日记 2024/4/8 10:57:35

使用docx4j转换word为pdf处理中文乱码问题

word转pdf 实现方法 mavendocx4j版本自己酌情升级 实现方法 import org.docx4j.Docx4J; import org.docx4j.fonts.IdentityPlusMapper; import org.docx4j.fonts.Mapper; import org.docx4j.fonts.PhysicalFonts; import org.docx4j.openpackaging.packages.WordprocessingMLP…...

编程日记 2024/4/8 10:55:33

【引子】C++从介绍到HelloWorld

C从介绍到HelloWorld 一、C的介绍1. 简介2. 应用场景3. C的标准![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/e3efb0f207f647729b92c0b5bcd4b330.png)4. C的运行过程 二、Visual Studio的安装1. 什么是Visual Studio2. Visual Studio的安装 三、完成HelloWorld1.…...

编程日记 2024/4/8 10:53:31

Django检测到会话cookie中缺少HttpOnly属性手工复现

一、漏洞复现 会话cookie中缺少HttpOnly属性会导致攻击者可以通过程序(JS脚本等)获取到用户的cookie信息&#xff0c;造成用户cookie信息泄露&#xff0c;增加攻击者的跨站脚本攻击威胁。 第一步&#xff1a;复制URL&#xff1a;http://192.168.43.219在浏览器打开&#xff0c;…...

编程日记 2024/4/8 10:51:28

2024数字城市建设博览会：一站式平台，满足多元需求

2024数字城市建设博览会&#xff1a;引领未来城市发展的风向标 2024年&#xff0c;一场前所未有的盛会——数字城市建设博览会暨交流大会&#xff0c;将在雄安这座未来之城拉开帷幕。本次大会不仅是数字经济全产业链的精英集结&#xff0c;更是一场汇聚了众多优质项目和丰富客…...

编程日记 2024/4/8 10:49:26

北京好网站制作公司哪家好/搜索关键词排名优化软件

在日常生活中不论是学习还是工作我们都离不开电脑&#xff0c;但是电脑在长时间的使用下难免会遇到一些问题。例如近日就有用户反映说&#xff0c;自己的台式电脑出现了出现叹号不能上网的情况&#xff0c;但不清楚怎么办很是影响自己的使用。那么针对这一问题&#xff0c;今天…...

编程日记 2024/10/25 11:03:05

wordpress页面 文章列表/上海百度公司地址

两个基本问题&#xff1a; 寻路目标的确定 寻路路径的确定 A*寻路的基本机制 计算G H F 值 地形的描述方式&#xff1a; 使用小网格可以进行高精度的寻路&#xff0c;大网格可以进行寻路的规划 大网格之间的寻路 天然的可以分成多个阶段&#xff0c;每个阶段只寻一段&…...

编程日记 2024/10/25 4:08:37

站长工具seo综合查询工具/seo是什么意思知乎

Redis 3.0.0 RC2 发布下载&#xff0c;稳定版最晚三周后发布&#xff0c;相对于这个版本不会有太大改进。那为什么这个不是 Redis 3.0.0 的最终版本呢&#xff0c;主要是因为 RC2 相对于 RC1 改进太大&#xff0c;而且各种文档都不完善。此版本主要是改进了 Redis Cluster。此版…...

编程日记 2024/10/25 3:52:28

智卡会员管理系统/杭州seo优化公司

一、反射&#xff0c;被视为动态语言的关键&#xff0c;反射机制允许程序在执行期借助于Reflection API取得任何类的内部信息&#xff0c;并能操作任意对象内部属性及方法。 正常方式&#xff1a;引入需要的“包类”名称–>通过new实例化–>取得实例化对象反射方式&#…...

编程日记 2024/10/25 2:16:26

红旗h5/重庆好的seo平台

为什么80%的码农都做不了架构师&#xff1f;>>> 快递小件化学品&#xff0c;有化学安全资质邮递公司不愿意邮寄."氟乙酸甲酯"泄露。收寄验视制度难以落实。 http://news.cntv.cn/2014/01/12/VIDE1389457259085923.shtml 转载于:https://my.oschina.net/n…...

编程日记 2024/10/25 1:55:15

眉山营销型网站建设/怎样把广告放到百度

ASP.NET MVC框架开发系列课程(视频课程讲师&#xff1a;赵劼) ASP.NET 2.0入门与提高系列课程(视频课程讲师&#xff1a;徐栋) ASP.NET AJAX深入浅出系列课程(视频课程讲师&#xff1a;赵劼)面向开发人员之ASP.NET开发技术系列课程(视频课程讲师&#xff1a;徐栋) 实战ASP.NET…...

编程日记 2024/10/24 23:01:12