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…...
Linux系统CPU负载与使用率详解及性能监控
1. CPU负载与CPU使用率的本质区别在Linux系统监控和性能调优过程中，CPU负载和CPU使用率这两个指标经常被混淆使用。作为系统管理员，我曾多次遇到团队成员将这两个概念混为一谈的情况，这往往导致对系统性能问题的误判。让我们先从一个实际案例…...
腾讯混元翻译模型HY-MT1.5-1.8B：免费开源，企业级翻译解决方案
腾讯混元翻译模型HY-MT1.5-1.8B：免费开源，企业级翻译解决方案 1. 引言 1.1 为什么选择HY-MT1.5-1.8B 在全球化的商业环境中，语言障碍成为企业拓展国际市场的首要挑战。腾讯混元团队推出的HY-MT1.5-1.8B翻译模型，以其18亿参数的…...
PyAEDT终极指南：3个技巧让你快速掌握Python自动化工程仿真
PyAEDT终极指南：3个技巧让你快速掌握Python自动化工程仿真 【免费下载链接】pyaedt AEDT Python Client Package 项目地址: https://gitcode.com/gh_mirrors/py/pyaedt PyAEDT是Ansys Electronics Desktop（AEDT）的Python客户端工具包&…...
实战-EdgeBoard赛事卡：从零部署飞桨模型到智能车竞赛
1. EdgeBoard赛事卡开箱与环境准备 第一次拿到EdgeBoard赛事专用卡时，这块巴掌大的小盒子让我有点怀疑——这么小的板子真能跑动智能车竞赛需要的视觉模型吗？拆开包装后发现，除了板卡本体，配件只有一根Type-C线，确实符…...
Java工业协议解析必须掌握的3种字节序处理范式，附ISO/IEC 61131-3兼容性验证报告
第一章：Java工业协议解析必须掌握的3种字节序处理范式，附ISO/IEC 61131-3兼容性验证报告大端序（Big-Endian）的标准化解析实践 在Modbus TCP与IEC 61850 ACSI通信中，设备寄存器默认采用网络字节序（即大端序&…...
RePKG终极指南：Wallpaper Engine资源提取与转换的完整解决方案
RePKG终极指南：Wallpaper Engine资源提取与转换的完整解决方案 【免费下载链接】repkg Wallpaper engine PKG extractor/TEX to image converter 项目地址: https://gitcode.com/gh_mirrors/re/repkg 你是否曾经遇到过这样的问题？在Wallpaper Eng…...
RexUniNLU异常检测能力：识别虚假评论与垃圾内容
RexUniNLU异常检测能力：识别虚假评论与垃圾内容 1. 效果惊艳开场 打开任何一个内容平台，评论区总是最热闹的地方。但你可能不知道，每10条评论里，就有2-3条是机器生成的广告、水军刷的好评，或者是纯粹的垃圾信息。这些…...
Heygem数字人系统效果展示：看一段音频如何驱动多个数字人视频
Heygem数字人系统效果展示：看一段音频如何驱动多个数字人视频 1. 系统核心能力概览 Heygem数字人视频生成系统批量版webui版是一款基于AI技术的创新工具，能够将单一音频源同步驱动多个数字人视频生成。系统采用先进的语音驱动口型同步技术，…...
Phi-4-mini-reasoning vLLM高级特性：LoRA适配器热插拔与多任务推理切换
Phi-4-mini-reasoning vLLM高级特性：LoRA适配器热插拔与多任务推理切换 1. 模型概述 Phi-4-mini-reasoning 是一个基于合成数据构建的轻量级开源模型，专注于高质量、密集推理的数据处理。作为Phi-4模型家族的一员，它特别强化了数学推理能力…...
Lingbot-Depth-Pretrain-ViTL-14 在AIGC领域的应用：为AI生成图像添加深度信息
Lingbot-Depth-Pretrain-ViTL-14 在AIGC领域的应用：为AI生成图像添加深度信息 最近在玩AI生成图片，大家是不是也遇到过这样的困惑：用Stable Diffusion、Midjourney这些工具生成了特别棒的二维画面，但总觉得少了点什么？…...