HTML和CSS 表单、表格练习
HTML和CSS 表格练习
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>HTML表格练习</title><style>.container {width: 80%;margin: 0 auto;/* 水平居中 上下不变，左右自动调整 */}.table {border: 2px solid black;/* 边框 */border-collapse: collapse;width: 100%;margin-top: 50px;/* 距离上一个元素的距离: 50px */}.table td,.table th {border: 2px solid #ddd;padding: 5px;text-align: center;}</style>
</head><body><div class="container"><table class="table"><thead><tr><th>姓名</th><th>年龄</th><th>性别</th></tr></thead><tbody><tr><td>张三</td><td>18</td><td>男</td></tr><tr><td>李四</td><td>24</td><td>男</td></tr><tr><td>王五</td><td>25</td><td>男</td></tr></tbody></table></div></body></html>HTML和CSS 表单练习
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表单练习</title><style>.form {display: flex;/* 启用弹性布局 */justify-content: space-between;padding: 20px;background-color: #f9f9f9;}.form label {margin-right: 20px;padding: 5px 10px;}.form input,.form select {margin-right: 50px;padding: 5px 10px;/* border-color: 1px solid #ccc; */border-radius: 5px;width: 260px;}.container {width: 80%;margin: 0 auto;}</style>
</head><body><div class="container"><form action="#" method="post" class="form"><div><label for="gender">性别</label><select name="gender" id="gender"><option value="0">请选择学生性别</option><option value="1">男</option><option value="2">女</option></select></div><div><label for="gender">性别</label><select name="gender" id="gender"><option value="0">请选择学生性别</option><option value="1">男</option><option value="2">女</option></select></div><div><label for="job">职位</label><select name="job" id="job"><option value="0">请选择学生职位</option><option value="1">班长</option><option value="2">副班长</option><option value="3">课代表</option><option value="4">无</option></select></div></form></div></body></html>相关文章：
HTML和CSS 表单、表格练习
HTML和CSS 表格练习 <!DOCTYPE html> <html lang"zh-CN"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>HTML表格练习</title>…...
H5流媒体播放器EasyPlayer.js网页直播/点播播放器如果H.265视频在播放器上播放不流畅，可以考虑的解决方案
随着流媒体技术的迅速发展，H5流媒体播放器已成为现代网络视频播放的重要工具。其中，EasyPlayer.js网页直播/点播播放器作为一款功能强大的H5播放器，凭借其全面的协议支持、多种解码方式以及跨平台兼容性，赢得了广泛的关注和应用。…...
Http 转 https 中 Nginx 的详细配置过程
摘要 本节将简要介绍从 HTTP 到 HTTPS 的配置过程，并完整展示 Nginx 的相关配置信息。 经过两天断断续续的调试，终于将 http 变成 https 了。现在说说这个安装 ssl 证书的过程。 服务器是在某云上。这个过程大致分为三个步骤：申请 ssl 证书、…...
【测试工具JMeter篇】JMeter性能测试入门级教程（二）出炉，测试君请各位收藏了！！！
上篇文章：CSDN 我们介绍了JMeter的一些原理介绍，以及安装配置和启动流程，本文我们就来讲讲JMeter如何使用。 一、JMeter目录结构组成 1. 根目录 Jmeter安装包解压后的根目录如下图： 1.1 backups目录：脚本备份目录&am…...
Otter 安装流程
优质博文：IT-BLOG-CN 一、背景 随着公司的发展，订单库的数据目前已达到千万级别，需要进行分表分库，就需要对数据进行迁移，我们使用了otter，这里简单整理下，otter 的安装过程，希望对…...
一文学会Golang里拼接字符串的6种方式（性能对比）
g o l a n g golang golang的 s t r i n g string string类型是不可修改的，对于拼接字符串来说，本质上还是创建一个新的对象将数据放进去。主要有以下几种拼接方式 拼接方式介绍 1.使用 s t r i n g string string自带的运算符 ans ans s2. 使用…...
【笔记】Linux下编译Python3.10.15为动态库同时正确处理OpenSSL3依赖
之前自己第一次编译Python后发现pip会提示无法使用SSL，后来了解到是自己编译时没有配置OpenSSL。这个过程有点曲折，里面有一个坑，怕忘记于是写博客记录一下。 首先是下载OpenSSL，Python3.10.15支持此时最新版的OpenSSL 3.4.0&…...
Go语言获取客户端真实IP
在一些需求中，服务器需要记录客户端的ip地址，要获取ip地址，则需要有http.Request的对象参数传入，以下代码直接放在util中使用。 文件名：ip_utils.go package utilsimport ("context""github.com/spf1…...
大模型论文速递（11.23-11.25）
BlueLM-V3B 关键词：动态分辨率，图像放大，适应性网格化方法 研究问题：如何改进现有的动态分辨率匹配方法以减少在模型训练和部署中的计算复杂度？ 方法： 分析现有动态分辨率匹配算法（如LLaVA-…...
)
维护在线重做日志(二)
迁移和重命名 可以使用操作系统命令重新定位重做日志，然后使用ALTER DATABASE语句使数据库知道它们的新名称（位置）。这个过程是必要的，例如，如果当前用于一些重做日志文件的磁盘将被删除，或者如果数据文件…...
.net core MVC入门（一）
文章目录 项目地址一、环境配置1.1 安装EF core需要包1.2 配置数据库连接二、使用EF创建表2.1 整体流程梳理2.1 建表详细流程三、添加第一个视图3.1整体流程梳理3.1 添加视图，并显示在web里四、使用EF增加Catogory数据，并且读取数据到页面4.1整体流程梳理4.2 实现五、增加Cat…...
802.11协议
802.11协议是由美国电气和电子工程师协会（IEEE）制定的无线局域网（WLAN）标准。以下是关于802.11协议的详细介绍： 一、定义与背景 定义：IEEE802.11是美国电机电子工程师协会（IEEE）为…...
【Linux】线程ID与互斥、同步(锁、条件变量)
作者主页： 作者主页 本篇博客专栏：Linux 创作时间 ：2024年11月24日 线程ID及进程地址空间布局 先看一下这段代码： 运行一下： 运行这个代码之后，我们看到的这个很大的数字就是线程id，然后…...
Android 13 编译Android Studio版本的Launcher3
Android 13 Aosp源码 源码版本 Android Studio版本 Launcher3QuickStepLib (主要代码) Launcher3ResLib(主要资源) Launcher3IconLoaderLib(图片加载，冲突资源单独新建) 需要值得注意的是： SystemUISharedLib.jar 有kotlin和java下的，在 Lau…...
burp功能介绍
声明！ 学习视频来自B站up主 **泷羽sec** 有兴趣的师傅可以关注一下，如涉及侵权马上删除文章，笔记只是方便各位师傅的学习和探讨，文章所提到的网站以及内容，只做学习交流，其他均与本人以及泷羽sec团队无关&a…...
Android12 的 Vold梳理
1.代码位置 system/vold/ 路径下,查看bp文件，发现是编译system/vold/main.cpp编译生成可执行文件vold 2.app侧调用代码流程 2.1 整体框架 #mermaid-svg-lqO8phN62rKNW407 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#…...
[pdf，epub]162页《分析模式》漫谈合集01-35提供下载
《分析模式》漫谈合集01-35的pdf、epub文件，已上传至本号的CSDN资源。 如果CSDN资源下载有问题，可到umlchina.com/url/ap.html。 已排版成适合手机阅读，pdf的排版更好一些。 ★UMLChina为什么叒要翻译《分析模式》？ ★[缝合故事…...
Vue2教程003：Vue指令之v-bind和v-for
文章目录 2.6 v-bind2.7 图片轮播案例2.8 v-for2.9 图书管理案例 2.6 v-bind 作用：动态设置html的标签属性->src、url、title…语法：v-bind:属性名"表达式" 动态设置img标签的src属性： <body> <div id"app&quo…...
Pathlib操作文件IN Python
系列文章目录 文章目录 目录 系列文章目录 文章目录 前言 一、Pathlib是什么？ 二、使用步骤 前言 pathlib 是 Python 标准库中用于操作文件和目录路径的模块，自 Python 3.4 起引入。它提供了一种面向对象的方式处理路径，使路径操作更加简洁、…...
AOC显示器915Sw按键失灵维修记
大家好，我是 程序员码递夫 今天给大家分享的是自己维修老古董AOC液晶显示器按键失灵的的过程，实属DIY记录。 1、引子 家里有台老古董的19寸AOC液晶显示器（型号915Sw）, 一直作为我的副显示器陪伴着左右，显示还正常&a…...
鸽姆智库（GG3M Think Tank）核心优势 |Core Strengths of GG3M Think Tank
鸽姆智库（GG3M Think Tank）核心优势鸽姆智库（GG3M Think Tank）的核心优势体现在理论原创性、技术架构创新、东方智慧深度融入与全场景工程落地能力四大维度，构成全球首个以东方哲学为根基的“文明级操作系统”…...
腾讯音乐开源的SuperSonic到底强在哪？手把手教你配置专属数据分析Agent
腾讯音乐SuperSonic深度解析：如何打造智能数据问答Agent 当企业数据量呈指数级增长时，传统BI工具已经难以满足实时决策的需求。腾讯音乐开源的SuperSonic作为新一代AIBI平台，通过融合Chat BI与Headless BI两大范式，正在重新定义数…...
open_clip多模态模型实战指南：从技术原理到产业落地
open_clip多模态模型实战指南：从技术原理到产业落地 【免费下载链接】open_clip An open source implementation of CLIP. 项目地址: https://gitcode.com/GitHub_Trending/op/open_clip 核心价值：为什么选择open_clip？ 在当今AI应用…...
模型微调加速：OpenClaw对接nanobot的LoRA训练
模型微调加速：OpenClaw对接nanobot的LoRA训练 1. 为什么选择OpenClawnanobot进行模型微调 去年我在尝试用Qwen3-4B模型处理专业领域任务时，发现直接使用基础模型的效果总差强人意。模型要么对专业术语理解不到位，要么生成的回答缺乏领域特性…...
Mod5实战：从零构建大气辐射传输模拟与辐照度计算全流程
1. 从零开始：为什么需要大气辐射传输模拟？ 第一次接触大气辐射传输模拟的朋友可能会问：这玩意儿到底有什么用？简单来说，就像给地球大气层做CT扫描。我在做光伏电站选址评估时，就深刻体会到它的价值——通过…...
AgiBot World数据集实战：如何用百万级轨迹训练你的机器人策略（附避坑指南）
AgiBot World数据集实战：百万级轨迹训练机器人策略的完整指南 1. 数据集的革命性价值 在机器人学习领域，数据质量与规模直接决定了策略模型的性能上限。AgiBot World作为当前最大的开源机器人操作数据集，其核心突破在于： 规模突…...
PyTorch模型参数与元数据安全存储：safetensors实战解析
1. 为什么需要safetensors存储模型参数？ 在深度学习项目中，模型参数的保存和加载是最基础也最频繁的操作。传统PyTorch开发者习惯使用torch.save和torch.load这对黄金组合，直到某天我在分布式训练集群上遇到了一个诡异的问题：一个…...
【仅限核心开发者知晓】Polars 2.0清洗Pipeline的4层IR抽象：为何比Pandas快11.8倍？源码注释级解读
第一章：Polars 2.0清洗Pipeline的演进本质与性能跃迁全景Polars 2.0 将清洗 Pipeline 从“惰性执行显式优化提示”升级为“全图级自动重写零拷贝流式调度”，其本质是将数据清洗从过程式编排转向声明式语义图推理。核心突破在于 LazyFrame 的物理计划生成…...
NcmpGui：解锁网易云音乐NCM格式的终极桌面解决方案
NcmpGui：解锁网易云音乐NCM格式的终极桌面解决方案 【免费下载链接】ncmppGui 一个使用C编写的转换ncm文件的GUI工具 项目地址: https://gitcode.com/gh_mirrors/nc/ncmppGui 你是否曾因网易云音乐的NCM格式文件无法在其他播放器上正常播放而感到困扰&#x…...
工业自动化场景信捷 PLC EtherNet/IP 转 TCP/IP 通信方案
EtherNet/IP转TCP/IP网关应用：信捷PLC工业自动化数据采集实战案例一、项目背景本次项目落地于国内某大型3C电子精密组装工厂，聚焦智能手机中框自动化组装产线，属于当前工业自动化领域高增速、高前景的主流场景，也是工业物联网落地…...