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

第一次尝试使用制作HTML列表与表格

article 2026/4/3 16:09:53
一、利用li标签完成此次列表!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title列表的嵌套使用/title /head body h1商城支付方式/h1 !--实验3列表的嵌套使用-- ul typesquare 支付方式 li货到付款/li li财付通/li li支付宝/li li网银在线/li /ul hr colorblank size2cm h2网银在线支付步骤有序列表/h2 !--网银在线支付步骤有序列表-- /div ol li选择您要使用的网上银行/li li显示您的应付总价点击确认无误付款/li li确定您在银行的预留信息点击确定/li li输入您的网银账号 登录密码验证码/li li支付成功提示“已完成付款”/li /ol hr colorblack size2cm /body /html!--...--是HTML注释不会显示在页面上用来给代码做备注注意这只是备注不是内容这只是为了方便解析ul typesquare是无序列表type“square”把默认的圆点项目符号方块li是列表项每一个li对应一个支付方式、支付方式hr是水平线以上就是我对此次列表的解析下面我们来看看它的运行结果吧~这就是我做出来的列表啦~大家快去试试吧~二、原本表格与合并表格1、原本表格的制作与实验结果!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title表格实验/title /head body table border1 width400rpx height200rpx tr td苹果/td td草莓/td td葡萄/td /tr tr td蓝莓/td td猕猴桃/td td桃子/td /tr tr td榴莲/td td牛奶果/td td樱桃/td /tr /table /body /htmlborder1 表示给表格加1像素的黑色边框有三组tr每组三个表示我所做的表格是三行三列如需多一行一列可在第三组tr后面再加一组trtr是定义表格的一行td是定义普通单元格大部分用于放置数据以上就是我对这次原本表格制作的解析下面我们来看一下运行结果吧~这就是我做出来的原本表格啦~下面我们来制作表格的合并2、合并表格!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title表格实验/title /head body table border1 width400rpx height200rpx tr td苹果/td td草莓/td td rowspan2葡萄/td /tr tr td colspan2蓝莓/td /tr tr td榴莲/td td牛奶果/td td樱桃/td /tr /table /body /htmlcolospan2表示横向合并2列rowspan2表示纵向合并2列注意想要合并多少列可以更改数字哦~下面来看一下我的运行结果吧~以上就是我本次分享的全部内容大家快来尝试一下吧~

相关文章：

第一次尝试使用制作HTML列表与表格

一、利用<li>标签&#xff0c;完成此次列表<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>列…...

编程日记 2026/4/3 16:09:53

证书创建方法说明

生成证书 方法一&#xff1a;合适&#xff08;临时测试&#xff0c;不需要管理&#xff09; 快速生成脚本&#xff08;一键完成&#xff09; 创建 create_lan_cert.sh&#xff1a; #!/bin/bash# 配置参数 IP_ADDR"192.168.1.100" # 修改为你的局域网IP DAYS365…...

编程日记 2026/4/3 16:09:53

阻焊层有多重要？PCB封装的防护屏障

在 PCB 封装的构成要素中&#xff0c;阻焊层&#xff08;Solder Mask&#xff09; 是容易被忽视却至关重要的 “防护屏障”&#xff0c;它如同给 PCB 穿上一层 “绝缘防护服”&#xff0c;既保护电路板的导电线路&#xff0c;又规范焊接过程&#xff0c;是保障电路可靠性、稳定…...

编程日记 2026/4/3 16:07:53

丝印层—PCB封装的信息标识系统

如果说焊盘是 PCB 封装的 “硬件骨架”&#xff0c;那么丝印层&#xff08;Silkscreen&#xff09; 就是封装的 “信息标识系统”&#xff0c;是 PCB 表面最直观的 “说明书”。​一、丝印层的基础定义与特性丝印层&#xff0c;又称 “文字层”“标识层”&#xff0c;是 PCB 表…...

编程日记 2026/4/3 16:07:53

hadoop3.3.6上搭建Hbase2.5.13集群

一、什么是Hbase hadoop的局限性 hadoop主要是实现批处理的处理，并且通过顺序方式访问数据 要查找数据必须搜索整个数据集，如果要进行随机读写数据，效率低下 Hbase是Bigtable的开源java版本，是建立在HDFS之上，提供高可靠性、高性能、列存储、可伸缩、实时读写的NoSQL数据…...

编程日记 2026/4/3 16:07:53

终极指南：3分钟快速掌握Logisim-evolution数字电路设计与仿真

终极指南&#xff1a;3分钟快速掌握Logisim-evolution数字电路设计与仿真 【免费下载链接】logisim-evolution Digital logic design tool and simulator 项目地址: https://gitcode.com/gh_mirrors/lo/logisim-evolution 想要学习数字电路设计却不知从何开始&#xff1…...

编程日记 2026/4/3 16:07:53

从PyTorch/Onnx、AIMET量化到 QNN GPU 部署全流程实战：GPU 推理 300FPS+

YOLOv8s 从 AIMET 量化到 QNN GPU 部署全流程实战、GPU 推理 3ms/帧 1. 环境准备 组件 版本/路径 QNN SDK v2.45.0.260326 Android NDK r26d 目标设备 Qualcomm SM8750 目标架构 aarch64-android export QNN_TARGET_ARCH="aarch64-android" export NDK_ROOT=/home/mi…...

编程日记 2026/4/3 16:07:52

windows系统安装gitblit经验分享

1、下载gitblithttp://www.gitblit.com/下载解压后如下图所示&#xff1a;2、安装与配置&#xff08;1&#xff09;修改data/defaults.properties#git仓库地址git.repositoriesFolder E:/GitRepo/git# 配置http访问端口server.httpPort 8090# 配置http访问git时的IP地址serve…...

编程日记 2026/4/3 16:05:52

提升效率：用快马ai生成ubuntu一键自动化安装openclaw的脚本

最近在Ubuntu上安装OpenClaw时&#xff0c;发现手动操作既耗时又容易出错。经过一番摸索&#xff0c;我总结出一套自动化方案&#xff0c;用脚本把整个流程优化到了极致。这里分享下具体实现思路和效率提升的关键点。 环境检测与适配 脚本首先会检查Ubuntu版本和架构&#xff0…...

编程日记 2026/4/3 16:05:52

告别繁琐配置：用快马ai一键生成windows版openclaw自动化安装脚本原型

最近在折腾一个开源工具OpenClaw&#xff0c;发现它在Windows下的安装过程真是让人头大——各种依赖检查、环境变量配置&#xff0c;手动操作一不小心就出错。作为一个懒人程序员&#xff0c;我决定用Python写个自动化安装脚本&#xff0c;结果发现用InsCode(快马)平台的AI辅助…...

编程日记 2026/4/3 16:05:52

高效文档下载解决方案：让知识获取不再受阻

高效文档下载解决方案&#xff1a;让知识获取不再受阻 【免费下载链接】kill-doc 看到经常有小伙伴们需要下载一些免费文档&#xff0c;但是相关网站浏览体验不好各种广告&#xff0c;各种登录验证&#xff0c;需要很多步骤才能下载文档&#xff0c;该脚本就是为了解决您的烦恼…...

编程日记 2026/4/3 16:05:52

Source Han Serif CN全解析：免费商用字体的7大维度深度指南

Source Han Serif CN全解析&#xff1a;免费商用字体的7大维度深度指南 【免费下载链接】source-han-serif-ttf Source Han Serif TTF 项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf 一、问题&#xff1a;中文字体应用的三大行业困境 如何突破中文…...

编程日记 2026/4/3 16:05:52

利用快马平台快速构建类FinalShell服务器监控Web原型

最近在折腾服务器监控工具&#xff0c;发现FinalShell确实好用&#xff0c;但有时候团队协作或者临时演示时&#xff0c;还是需要一个轻量级的Web版监控面板。正好发现了InsCode(快马)平台&#xff0c;用它快速搭建了一个原型&#xff0c;分享下实现思路。 整体架构设计 这个监…...

编程日记 2026/4/3 16:03:52

AI辅助数据库设计：让快马平台的Kimi模型成为你的课程设计智能顾问

今天在完成数据库课程设计作业时&#xff0c;我尝试用InsCode(快马)平台的AI辅助功能来设计医院门诊预约系统&#xff0c;整个过程比想象中顺利很多。作为一个数据库初学者&#xff0c;这种智能辅助开发的方式确实帮我解决了不少难题&#xff0c;下面记录下具体实现过程和经验。…...

编程日记 2026/4/3 16:03:51

基于多模态图像融合与深度学习算法的轴承故障诊断模型——GADF+Swin-CNN-GAM与GA...

基于 GADFSwin-CNN-GAM 的高创新轴承故障诊断模型 基于GADFTransformer的轴承故障诊断模型&#xff0c;附说明文件及相关论文&#xff0c;代码一定能跑通&#xff0c;有格拉姆角场GADF&#xff0c;小波变换DWT还有短时傅立叶变换STFT多种转二维图像的方式轴承故障诊断这事儿吧&…...

编程日记 2026/4/3 16:03:51

德希科技在线 COD 传感器

一、应用场景与产品定位COD 是评判水体有机污染程度的核心指标&#xff0c;在河流湖泊、饮用水源地、市政管网及污水处理等场景的水质监测中不可或缺。研发人员针对长期在线、环保监测的需求&#xff0c;推出双波长紫外吸收法在线 COD 传感器&#xff0c;设备以无试剂、多参数、…...

编程日记 2026/4/3 16:03:51

3步解锁图表数据：用计算机视觉将图像转化为结构化数据的实战秘籍

3步解锁图表数据&#xff1a;用计算机视觉将图像转化为结构化数据的实战秘籍 【免费下载链接】WebPlotDigitizer Computer vision assisted tool to extract numerical data from plot images. 项目地址: https://gitcode.com/gh_mirrors/we/WebPlotDigitizer 你是否曾面…...

编程日记 2026/4/3 16:03:48

AGV如何选合适的传感器

一、AGV传感器的三大功能块几乎所有AGV都可以把传感器分成三类&#xff1a;1&#xff09;导航/定位传感器&#xff1a;用来“知道自己在哪、怎么走” 2&#xff09;本体/运动传感器&#xff1a;用来“知道自己怎么动的” 3&#xff09;避障/安全传感器&#xff1a;用来“不撞人…...

编程日记 2026/4/3 16:01:47

公考教父级教学，不同阶段学员都能适配

备考省考面试&#xff0c;选对讲师真的能少走80%的弯路&#xff01;最近体验了初心教育钟晓红老师的面试课&#xff0c;彻底被这位“公考面试教父”的实力折服。作为公考面试讲师导师&#xff0c;钟老师的课适配不同阶段学员&#xff0c;整体通过率还在行业里断层领先&#xff…...

编程日记 2026/4/3 16:01:47

AI机器视觉+振镜控制：基于OpenCV的无序工件全自动定位打标

引言 工业激光打标场景中，无序工件的定位难题一直制约着自动化产能提升——传统工装定位换型成本高、人工摆料误差大，固定视觉方案无法适配工件360旋转姿态。本文提出一套基于OpenCV机器视觉+振镜联动的全自动定位打标方案，无需专用工装，通过AI视觉实现无序工件亚像素级定位…...

编程日记 2026/4/3 16:01:47

场景深耕，生态共生——视程空间，让边缘算力真正落地千行百业

在AI算力产业飞速发展的今天&#xff0c;“有算力”已不再是核心竞争力&#xff0c;“能落地、能适配、能创造价值”才是破局关键。当前&#xff0c;众多算力企业陷入“重参数、轻场景”的内卷&#xff0c;导致大量算力产品停留在实验室&#xff0c;无法真正适配产业一线需求。…...

编程日记 2026/4/3 16:01:47

OpenCV 实现人脸识别：LBPH/Eigen/Fisher 三大算法实战详解

在人工智能飞速发展的今天&#xff0c;人脸识别已经成为我们生活中无处不在的技术 —— 手机解锁、刷脸支付、门禁考勤、安防监控等场景&#xff0c;都离不开人脸识别技术的支撑。对于 Python 开发者而言&#xff0c;OpenCV 库提供了开箱即用的人脸识别接口&#xff0c;无需深入…...

编程日记 2026/4/3 16:01:47

3步永久解锁加密PDF：ScienceDecrypting终极使用指南

3步永久解锁加密PDF&#xff1a;ScienceDecrypting终极使用指南 【免费下载链接】ScienceDecrypting 破解CAJViewer带有效期的文档&#xff0c;支持破解科学文库、标准全文数据库下载的文档。无损破解&#xff0c;保留文字和目录&#xff0c;解除有效期限制。 项目地址: http…...

编程日记 2026/4/3 15:59:46

SEO工具如何提供网站的整体优化建议

SEO工具如何提供网站的整体优化建议 在当今竞争激烈的互联网市场中&#xff0c;网站的整体优化是每一个企业和个人网站的重要任务。SEO工具在这一过程中扮演着不可或缺的角色。SEO工具如何提供网站的整体优化建议呢&#xff1f;本文将从问题分析、原因说明、解决方法、注意事项…...

编程日记 2026/4/3 15:59:46

告别GitHub访问难题：Fast-GitHub让开发效率提升300%

告别GitHub访问难题&#xff1a;Fast-GitHub让开发效率提升300% 【免费下载链接】Fast-GitHub 国内Github下载很慢&#xff0c;用上了这个插件后&#xff0c;下载速度嗖嗖嗖的~&#xff01; 项目地址: https://gitcode.com/gh_mirrors/fa/Fast-GitHub 你是否也曾经历过这…...

编程日记 2026/4/3 15:59:46

3大突破！微信聊天记录数据导出与备份终极指南：从困境到掌控

3大突破&#xff01;微信聊天记录数据导出与备份终极指南&#xff1a;从困境到掌控 【免费下载链接】WeChatExporter 一个可以快速导出、查看你的微信聊天记录的工具 项目地址: https://gitcode.com/gh_mirrors/wec/WeChatExporter 微信聊天记录承载着我们生活与工作中的…...

编程日记 2026/4/3 15:59:46

六通道HDMI/网络/文件混用一体录播机

——H.265硬编、16T存储、8方互动、智能导播&#xff0c;每个通道都能“按需切换” 它到底是什么&#xff1f; WHT-6H是一台6通道全高清录播主机&#xff0c;每个通道都可以在三种信号源之间自由切换&#xff1a; HDMI信号&#xff08;4路物理接口&#xff0c;最高1080P60&am…...

编程日记 2026/4/3 15:59:46

016、CI/CD流水线：用GitHub Actions把部署从玄学变成肌肉记忆

016、CI/CD流水线&#xff1a;用GitHub Actions把部署从玄学变成肌肉记忆 上周深夜&#xff0c;线上服务突然告警。紧急回滚时发现&#xff0c;测试环境通过的镜像在生产环境死活起不来。查了三个小时&#xff0c;最后发现是某位同事在Dockerfile里写死了测试数据库的IP。这种“…...

编程日记 2026/4/3 15:57:45

卡诺图简化逻辑函数详解

你提供的图片是数字逻辑电路教材中关于**卡诺图&#xff08;Karnaugh Map&#xff09;**的内容&#xff0c;主要讲解如何用卡诺图表示和化简逻辑函数。下面我为你逐部分解释&#xff1a;&#x1f4cc; 一、核心概念&#xff1a;什么是卡诺图&#xff1f;卡诺图是一种图形化工具…...

编程日记 2026/4/3 15:57:45

Ai2Psd终极指南：如何将Illustrator矢量图层完美导出到Photoshop

Ai2Psd终极指南&#xff1a;如何将Illustrator矢量图层完美导出到Photoshop 【免费下载链接】ai-to-psd A script for prepare export of vector objects from Adobe Illustrator to Photoshop 项目地址: https://gitcode.com/gh_mirrors/ai/ai-to-psd 还在为AI到PSD的格…...

编程日记 2026/4/3 15:57:44