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

HTML(列表与表格的使用)

一列表的使用1无序列表1.无序列表的主要作用是展示一组没有固定顺序并列存在的信息。2.结构定义:ul标签包裹列表项列表项用li标记。p无序列表/p ul li香蕉/li li苹果/li li橘子/li /ul***ul标签存在type属性可以定义一个无序列表的前导字符type可以取不同的值【disc实心圆circle空心圆square方框】p无序列表/p ul typedisc li香蕉/li li苹果/li li橘子/li /ulp无序列表/p ul typecircle li香蕉/li li苹果/li li橘子/li /ul2有序列表1.有序列表的主要作用是展示一组有固定顺序分等级的信息2.结构定义ol包裹列表项每个项用li标记***可以使用快捷指令快速生成所需列表框架ali*3p有序列表/p ol li爸爸/li li妈妈/li li儿子/li /ol***ol标签存在type属性可以定义一个有序列表的符号样式type可以取不同的值【数字123大小写英文字母AaBbCc大小写罗马字母I i】p有序列表/p ol typeA li爸爸/li li妈妈/li li儿子/li /olp有序列表/p ol type1 li爸爸/li li妈妈/li li儿子/li /ol3列表的嵌套使用1.主要作用能够划分层级理清关系使结构更规范符合语义2.可用在目录步骤说明等场景ol li第一章 ul li1.1/li li1.2/li /ul /li li第二章 ul li2.1/li li2.2/li /ul /li /olol li安装软件 ul li下载安装包/li li按提示进行下一步/li /ul /li li配置环境 ul li修改配置环境文件/li /ul /li /ol二表格的使用1.表格的结构表格是由行和列组成的二维表每行又由一个或多个单元格组成用于放置数据或者其他内容表格中的单元格是行与列的交叉部分是组成表格最基本的单元。2.表格的基本语法表格主要通过tabletrtd3个标签构成。表格的标签为table,行的标签为tr表项的标签为td。body table tr td单元格1/td td单元格2/td td单元格3/td /tr tr td单元格4/td td单元格5/td td单元格6/td /tr tr td单元格7/td td单元格8/td td单元格9/td /tr /table /body(并未给表格设置属性参数所以未显示边框3.表格的属性1主要作用对表格进行美化2常用属性对齐方式背景颜色边框高度宽度body table border1 width400rpx height200rpx tr td单元格1/td td单元格2/td td单元格3/td /tr tr td单元格4/td td单元格5/td td单元格6/td /tr tr td单元格7/td td单元格8/td td单元格9/td /tr /table /body4. 不规则表格1表格的跨行跨行是指单元格的垂直方向上合并body table border1 width400rpx height200rpx tr td单元格1/td td单元格2/td td rowspan2单元格3/td /tr tr td单元格4/td td单元格5/td td单元格6/td /tr tr td单元格7/td td单元格8/td td单元格9/td /tr /table /body2表格的跨列跨列是指单元格在水平方向上合并body table border1 width400rpx height200rpx tr td单元格1/td td单元格2/td td rowspan2单元格3/td /tr tr td colspan2单元格4/td /tr tr td单元格7/td td单元格8/td td单元格9/td /tr /table

相关文章:

HTML(列表与表格的使用)

一&#xff1a;列表的使用&#xff08;1&#xff09;无序列表&#xff1a;1.无序列表的主要作用是展示一组没有固定顺序&#xff0c;并列存在的信息。2.结构定义:<ul>标签包裹列表项&#xff0c;列表项用<li>标记。<p>无序列表</p><ul><li>…...

Rust的闭包语法展开

Rust的闭包语法&#xff1a;灵活与高效的完美结合 在编程语言中&#xff0c;闭包是一种强大的工具&#xff0c;它允许函数捕获并携带其所在环境的变量。Rust的闭包语法不仅简洁高效&#xff0c;还通过独特的特性实现了安全性与灵活性的平衡。对于熟悉函数式编程或希望提升代码…...

如何高效封装蓝光视频?tsMuxer一站式无损格式转换方案

如何高效封装蓝光视频&#xff1f;tsMuxer一站式无损格式转换方案 【免费下载链接】tsMuxer tsMuxer is a transport stream muxer for remuxing/muxing elementary streams, EVO/VOB/MPG, MKV/MKA, MP4/MOV, TS, M2TS to TS to M2TS. Supported video codecs H.264/AVC, H.265…...

不玩接口,自有捷径!自研电商拍单系统,重金寻技术大佬

团队深耕女装电商多年&#xff0c;目前急需一款定制化采购拍单软件。✅ 核心优势&#xff1a;纯本地逻辑&#xff0c;无需第三方API接口&#xff0c;完全基于我们自有思路与算法开发&#xff0c;稳定性与效率远超常规对接。✅ 需求匹配&#xff1a;已有完整方法论与流程设计&am…...

嵌入式系统开发流程

嵌入式系统开发流程&#xff1a;从概念到产品的技术之旅 在智能设备无处不在的今天&#xff0c;嵌入式系统作为其核心“大脑”&#xff0c;驱动着从智能家居到工业控制的各类应用。开发一个高效可靠的嵌入式系统&#xff0c;需要严谨的流程和跨学科协作。本文将带你深入探索这…...

别急着编译!修复银河麒麟OpenSSH漏洞前,先搞懂ssh、sshd版本与apt仓库的“爱恨情仇”

银河麒麟OpenSSH漏洞修复决策指南&#xff1a;从版本差异到安全升级的深度解析 当安全扫描报告将OpenSSH漏洞(CVE-2023-38408)标记为"超高危"时&#xff0c;大多数运维人员的第一反应是立即升级。但面对银河麒麟这类企业级操作系统时&#xff0c;简单的apt upgrade往…...

告别迷茫!用VSCode+Linux-4.9.88内核,手把手教你给IMX6ULL写第一个字符驱动

从零构建IMX6ULL字符驱动&#xff1a;VSCode环境下的高效开发实战 嵌入式Linux驱动开发常被视为高门槛领域&#xff0c;但合理利用现代工具链能显著降低学习曲线。本文将基于IMX6ULL开发板和Linux-4.9.88内核&#xff0c;演示如何通过VSCode搭建高效的驱动开发环境&#xff0c;…...

深入解析Frida Hook dlopen:动态库加载监控与反调试绕过实战

1. 动态库加载与Frida Hook基础 动态库&#xff08;.so文件&#xff09;是Android应用的重要组成部分&#xff0c;它们包含了应用的核心功能逻辑。在Android系统中&#xff0c;动态库的加载主要通过dlopen和android_dlopen_ext这两个函数完成。理解这两个函数的工作原理&#x…...

VeraCrypt加密U盘实战:从创建加密卷到日常使用的完整指南

VeraCrypt加密U盘实战&#xff1a;从零开始打造移动数据保险箱 在这个数据泄露事件频发的时代&#xff0c;我们随身携带的U盘和SD卡就像一个个行走的数据炸弹。想象一下&#xff0c;当你遗失了存有客户资料、财务报告或个人隐私的移动存储设备时&#xff0c;那种头皮发麻的感觉…...

从零搭建AMESim与Matlab/Simulink联合仿真环境(2024版软件配置详解)

1. 为什么需要联合仿真&#xff1f; 刚接触机电系统仿真的朋友可能会疑惑&#xff1a;既然Matlab/Simulink已经很强大了&#xff0c;为什么还要折腾AMESim联合仿真&#xff1f;这个问题我刚开始也纠结过&#xff0c;直到有次做液压系统控制时&#xff0c;光搭建四通阀的数学模…...

配置 PyCharm(汉化版操作指南)

本文详细介绍了PyCharm汉化版配置Python 3.13.13环境的完整步骤。首先通过"文件→设置→Python解释器"路径进入配置界面&#xff0c;选择"添加本地解释器"并创建Virtualenv虚拟环境&#xff0c;指定Python3.13.13安装路径中的python.exe作为基础解释器。重…...

微博相册批量下载工具:3步实现多线程高效下载

微博相册批量下载工具&#xff1a;3步实现多线程高效下载 【免费下载链接】Sina-Weibo-Album-Downloader Multithreading download all HD photos / pictures from someones Sina Weibo album. 项目地址: https://gitcode.com/gh_mirrors/si/Sina-Weibo-Album-Downloader …...

5分钟快速上手iOS虚拟定位:iFakeLocation免费跨平台工具完全指南

5分钟快速上手iOS虚拟定位&#xff1a;iFakeLocation免费跨平台工具完全指南 【免费下载链接】iFakeLocation Simulate locations on iOS devices on Windows, Mac and Ubuntu. 项目地址: https://gitcode.com/gh_mirrors/if/iFakeLocation iFakeLocation是一款完全免费…...

c++ 零知识证明库 c++如何使用bellman或libsnark

Bellman和libsnark均非C“拿来即用”库&#xff1a;Bellman是Rust编写且无C ABI&#xff0c;libsnark依赖严苛&#xff08;GMP 6.1.x、Boost≤1.65、CMake≤3.10&#xff09;&#xff0c;编译极易失败&#xff0c;推荐改用gnark/gRPC或arkworks导出验证逻辑等替代方案。bellman…...

AI时代效率革命:揭秘商业大模型如何重塑中小企业运营与管理新范式

在数字化转型浪潮席卷全球的今天&#xff0c;人工智能已不再是遥不可及的未来科技&#xff0c;而是决定企业生存与竞争力的核心引擎。尤其对于资源有限、人力成本敏感的中小企业而言&#xff0c;如何借助AI实现降本增效、突破经营瓶颈&#xff0c;成为关乎未来发展的重要课题。…...

一台SolidWorks工作站6-10人共享设计

在制造业数字化转型加速的当下&#xff0c;SolidWorks作为主流的三维CAD设计工具&#xff0c;已成为产品开发、机械设计和工程仿真领域的核心软件。然而&#xff0c;随着企业研发团队规模扩大&#xff08;如8-10人协同设计&#xff09;&#xff0c;传统“每人一台独立工作站”的…...

Cursor Pro 激活工具深度解析:破解AI编辑器限制的技术架构与实践指南

Cursor Pro 激活工具深度解析&#xff1a;破解AI编辑器限制的技术架构与实践指南 【免费下载链接】cursor-free-vip [Support 0.45]&#xff08;Multi Language 多语言&#xff09;自动注册 Cursor Ai &#xff0c;自动重置机器ID &#xff0c; 免费升级使用Pro 功能: Youve re…...

蒸馏学习Distillation

一、 什么是蒸馏学习Distillation 知识蒸馏&#xff08;Knowledge Distillation&#xff09; 是一种机器学习技术&#xff0c;其核心思想是**“教师-学生”模型&#xff08;Teacher-Student Model&#xff09;**。 通俗来说&#xff0c;它就像现实生活中的教学过程&#xff1a…...

SolidWorks三维设计上云指南:制造企业如何用1台云主机实现10人高效协同?

随着云计算技术的成熟&#xff0c;SolidWorks云主机凭借其显著优势&#xff0c;为制造企业提供了全新的解决方案。通过将SolidWorks部署至云端&#xff0c;企业可突破本地硬件限制&#xff0c;实现“一台云主机支持多人协同设计”的轻量化运营模式。这一模式不仅降低了IT投入与…...

优峰技术:中心波长可调滤波器在光通信测试中的应用与选型

在1.6T光模块、CPO、DWDM系统快速发展的今天&#xff0c;中心波长可调滤波器已经成为光通信测试、光谱分析、信道筛选的关键器件。作为光通信测试领域深耕多年的企业&#xff0c;深圳优峰技术结合国际主流产品标准与自研技术&#xff0c;推出高性能中心波长可调滤波器及配套测试…...

自然语言处理技术在智能客服系统中的应用

自然语言处理技术在智能客服系统中的应用 随着人工智能技术的快速发展&#xff0c;智能客服系统已成为企业提升服务效率、优化用户体验的重要工具。自然语言处理&#xff08;NLP&#xff09;技术作为智能客服的核心支撑&#xff0c;能够理解、分析和生成人类语言&#xff0c;从…...

13_主流低代码平台深度对比:简道云、宜搭、LowCodeEngine技术选型

主流低代码平台深度对比&#xff1a;简道云、宜搭、LowCodeEngine技术选型 摘要&#xff1a;市场上低代码平台众多&#xff0c;如何选择适合自身业务需求的平台&#xff1f;本文深度对比简道云、钉钉宜搭、阿里LowCodeEngine三大主流低代码平台&#xff0c;从架构设计、产品定位…...

从AFDB到本地:手把手教你用ColabFold和Foldseek搞定蛋白质结构预测与搜索

从AFDB到本地&#xff1a;手把手教你用ColabFold和Foldseek搞定蛋白质结构预测与搜索 在结构生物学领域&#xff0c;AlphaFold的出现彻底改变了蛋白质结构预测的格局。但对于大多数实验生物学家和生信初学者来说&#xff0c;如何将这项技术真正应用到自己的科研项目中&#xff…...

springboot基于微信小程序的智慧社区娱乐服务管理平台_jm78648u_zz042

一、项目技术介绍 开发语言&#xff1a;Java 框架&#xff1a;springboot JDK版本&#xff1a;JDK1.8 服务器&#xff1a;tomcat7 数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09; 数据库工具&#xff1a;Navicat11 开发软件&#xff1a;eclipse/myeclipse/…...

访问管理化技术身份验证与单点登录实现

访问管理化技术&#xff1a;身份验证与单点登录的革新实践 在数字化时代&#xff0c;企业信息系统日益复杂&#xff0c;如何高效、安全地管理用户访问权限成为关键挑战。访问管理化技术通过集中化的身份验证与单点登录&#xff08;SSO&#xff09;实现&#xff0c;不仅提升了用…...

gcd/lcm + 素数判断与筛法

一、最大公约数 gcd1. 定义与性质最大公约数 gcd(a,b)&#xff0c;是两个数公共约数中最大的一个。常用性质&#xff1a;gcd(a, 0) agcd(a, b) gcd(b, a mod b)多个数的 gcd 可递推&#xff1a;gcd(a,b,c) gcd(gcd(a,b), c)2. 欧几里得算法&#xff08;辗转相除法&#xff0…...

优质育苗基质核心标准科普:选对基质,育苗事半功倍

种植过程中&#xff0c;同样的种子、同样的管理方式&#xff0c;育苗效果却天差地别&#xff0c;核心原因就在于育苗基质的选择。很多种植户选购基质只看价格&#xff0c;忽略品质&#xff0c;导致育苗失败、得不偿失。本文科普优质育苗基质的核心判断标准&#xff0c;结合真实…...

育苗基质到底是什么?一文读懂现代农业育苗核心,附真实种植案例

在现代农业种植体系中&#xff0c;育苗是决定作物长势与产量的首要环节&#xff0c;而育苗基质作为幼苗生长的“土壤温床”&#xff0c;是很多种植户容易忽略却至关重要的农资产品。相较于传统田园土&#xff0c;专业育苗基质能为种子萌发、幼苗生长提供更稳定的环境&#xff0…...

别再傻等!Florence2大模型在ComfyUI里加载慢?试试这个手动加载的‘作弊’技巧

Florence2大模型加载优化&#xff1a;揭秘ComfyUI中的手动加载黑科技 每次打开ComfyUI工作流&#xff0c;盯着进度条发呆的感觉糟透了。特别是当灵感迸发时&#xff0c;却要被迫等待Florence2模型慢悠悠地加载完成——这种体验简直是对创作热情的谋杀。但真相是&#xff0c;你完…...

星闪开发避坑指南:WS63 SDK环境配置与CMake/Kconfig疑难解析

星闪开发避坑指南&#xff1a;WS63 SDK环境配置与CMake/Kconfig疑难解析 在嵌入式开发领域&#xff0c;WS63 SDK作为星闪技术生态的核心开发工具&#xff0c;其环境配置的复杂性常常让初学者望而生畏。特别是当面对CMake构建系统和Kconfig配置框架时&#xff0c;开发者往往会陷…...