html练习
1.用户注册界面
代码：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><form action="#" method="get"><table border="1" width="500" height="700"><thead><tr align="center"><td colspan="2" bgcolor="#ccc">用户注册</td></tr><tr ><td bgcolor="#eee" align="center">用户名</td><td bgcolor="#eee" align="left"><input type="text" name="name"></td></tr><tr><td bgcolor="#eee" align="center">密码</td><td bgcolor="#eee" ><input type="password" name="password"></td></tr><tr><td bgcolor="#eee" align="center">性别</td><td bgcolor="#eee" ><input type="radio" name="sex" value="man" >男<input type="radio" name="sex" value="woman" >女</td></tr><tr><td bgcolor="#eee" align="center">爱好</td><td bgcolor="#eee"><input type="checkbox" name="hobby" value="write" >写作<input type="checkbox" name="hobby" value="music">听音乐<input type="checkbox" name="hobby" value="sing">唱歌 </td></tr><tr><td bgcolor="#eee" align="center">省份</td><td bgcolor="#eee"><input type="hidden" id="hidden"><select name="province" id=""><option >广东省</option><option >四川省</option><option >广西省</option><option >陕西省</option></select> </td></tr><tr><td bgcolor="#eee" align="center" width="100" height="150">自我介绍</td><td bgcolor="#eee"><textarea name="introduce myself" id="" cols="55" rows="10"> </textarea></td></tr><tr align="center"><td bgcolor="#ddd" colspan="2"><input type="submit" value="提交" /> <input type="reset" value="重置" /></td></tr></thead></table></form></body>
</html>
效果：
2.仿淘宝商品界面
代码：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>.goods{width: 220px;height: 360px;border: 1px solid #f40;}img{width: 220px; }.menu>li:hover{background-color: #f40;color: white;}.menu{width: 220px;height: 20px;background-color: black;list-style: none;text-align: center;padding: 0%;margin-top: -3.55px;}.menu > li{width: 110px;border: none;float: left;}.price{margin-left: 5px;margin-right: 5px;}.price > span{line-height: 20px;vertical-align: middle;}.price > span:first-child{color: #f40;font-size: 20px;font-weight: bold;}.price > span:nth-child(2){font-size: 12px;background-color: #f40;color: white;padding-left: 1px ;padding-right: 1px;}.price > span:last-child{float: right;font-size: 12px;color: #888;}#des{margin-left: 5px;margin-right: 5px;}#des>a{color: #444;font-size: 9px;text-decoration: none;}#des>a:hover{text-decoration: underline;color: #999;}#des>a:nth-child(2){color: #f40;}#des1{margin-left: 5px;margin-right: 5px;}#des1 > a{line-height: 50px;vertical-align: center;}#des1>a{color: #888;font-size: 8px;}#des1>a:last-child{float: right;font-size: 8px;text-decoration: none;}#pho > img{width: 20px;height: 20px;margin-left: 5px;margin-right: 5px;}#pho > :nth-child(2){margin-left: -5px;}#pho > img:last-child{width: 25px;height: 25px;float: right;}</style></head><body><div class="container"><div class="goods"><img src="./2.png" alt="loading..."><ul class="menu"><li>找同款</li><li>找相似</li></ul><div class="price"><span>￥19999.00</span><span>包邮</span><span>0人付款</span></div><div id="des"><a href="#">欧兰薇雅</a><a href="#">欧洲进口水晶珍珠水晶珍珠</a><a href="#">戒指</a><a href="#">女食指指环心形 礼物</a></div><div id="des1"><a href="#">欧兰薇雅旗舰店</a><a href="#">上海</a></div><div id="pho"> <img src="./4.png" alt="loading..."><img src="./5.png" alt="loading..."><img src="./6.png" alt="loading..."></div></div></div></body>
</html>效果：
相关文章：
html练习
1.用户注册界面 代码： <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title></head><body><form action"#" method"get"><table border"1" widt…...
【Redis】Redis 是如何保证高可用的？（背诵版）
Redis 是如何保证高可用的？1. 说一下 Redis 是如何保证高可用的？2. 了解过主从复制么？2.1 Redis 主从复制主要的作用是什么?2.2 Redis 主从模式的拓扑结构？（1）一主一从结构（2）一主多…...
Qt---去掉标题栏后，最大化应用程序窗口时，窗口遮住了任务栏
// showMaximized(); // Qt最大化显示函数 任务栏都会覆盖static bool max false;static QRect location this->geometry();if (max) {this->setGeometry(location);//回复窗口原大小和位置// ui->maxBtn->setIcon(QIcon(":/MAX_.png"));}else {// ui-…...
Cadence Allegro 导出Netin（non-back）报告详解
⏪《上一篇》 🏡《上级目录》 ⏩《下一篇》 目录 1，概述2，Netin（non-back）作用3，Netin（non-back）示例4，Netin（non-back）导出方法4.1，方法1：4.2，方法2：B站关注“硬小二”浏览更多演示视频...
HTML语言
1.什么是HTML？ 1、HTML是超文本标记语言（Hyper Text Markup Language） 2、HTML由各种各样的标签(tag)组成，如、 3、HTML文档 网页 (1)一种纯文本文件，扩展名为.html或.html； (2)最终显示结果取决…...
线性代数之行列式
一、思维导图二、二阶、三阶行列式的定义1、二阶行列式2、三阶行列式沙路法展开3、解方程3.1解二元一次方程组观察上面两个未知量的值不难发现，它 们的分母均是上述方程组未知量的系数形成的二阶行列式，𝑥1的分子是将系数行列 式的第一列换成…...
【FPGA-Spirit_V2】小精灵V2开发板初使用
🎉欢迎来到FPGA专栏~小精灵V2开发板初使用 ☆* o(≧▽≦)o *☆嗨~我是小夏与酒🍹 ✨博客主页：小夏与酒的博客 🎈该系列文章专栏：FPGA学习之旅 文章作者技术和水平有限，如果文中出现错误，希望大家…...
STL与其空间配置器
目录什么是STLSTL的六大组件STL的缺陷什么是空间配置器为什么需要空间配置器GI-STL空间配置器实现原理一级空间配置器二级空间配置器内存池SGI-STL中二级空间配置器设计SGI-STL二级空间配置器之空间申请前期的准备申请空间填充内存块向内存池中索要空间SGI-STL二级空间配置器之…...
leetcode刷题之回文链表
目录 做题思路 代码实现 1.找到链表的中间节点 2.反转中间节点之后的链表 3.判断倒置的后半部分的链表是否等于前半部分的链表 整体代码展示 总结： 这里是题目链接。 这道题目的意思是：判断该链表中后半部分倒置是否跟前半部分相同，如…...
复制带随机指针的链表最长连续递增序列数组的度写字符串需要的行数最短补全词
复制带随机指针的链表来源：杭哥138. 复制带随机指针的链表 - 力扣（LeetCode）typedef struct Node Node; Node* BuyNode(int x) {Node* newnode (Node*)malloc(sizeof(Node));newnode->valx;newnode->nextNULL;newnode->randomNULL;…...
「ML 实践篇」回归系统：房价中位数预测
文章目录1. 项目分析1. 框架问题2. 性能指标2. 获取数据1. 准备工作区2. 下载数据3. 查看数据4. 创建测试集3. 数据探索1. 地理位置可视化2. 寻找相关性3. 组合属性4. 数据准备1. 数据清理2. Scikit-Learn 的设计3. 处理文本、分类属性4. 自定义转换器5. 特征缩放6. 流水线5. 选…...
深度学习 Day27——利用Pytorch实现运动鞋识别
深度学习 Day27——利用Pytorch实现运动鞋识别 文章目录深度学习 Day27——利用Pytorch实现运动鞋识别一、查看colab机器配置二、前期准备1、导入依赖项并设置GPU2、导入数据三、构建CNN网络四、训练模型1、编写训练函数2、编写测试函数3、设置动态学习率4、正式训练五、结果可…...
Springboot 整合dom4j 解析xml 字符串 转JSONObject
前言 本文只介绍使用 dom4j 以及fastjson的 方式， 因为平日使用比较多。老的那个json也能转，而且还封装好了XML，但是本文不做介绍。 正文 ①加入 pom 依赖 <dependency><groupId>dom4j</groupId><artifactId>dom4j…...
网络安全实验——安全通信软件safechat的设计
网络安全实验——安全通信软件safechat的设计 仅供参考，请勿直接抄袭，抄袭者后果自负。 仓库地址： 后端地址：https://github.com/yijunquan-afk/safechat-server 前端地址： https://github.com/yijunquan-afk/safec…...
【MySQL】MySQL的事务
目录 概念 什么是事务? 理解事务 事务操作 事务的特性 事务的隔离级别 事务的隔离级别-操作 概念 数据库存储引擎是数据库底层软件组织，数据库管理系统（DBMS）使用数据引擎进行创建、查 询、更新和删除数据。 不同的存储引擎提供…...
Java分布式事务（七）
文章目录🔥Seata提供XA模式实现分布式事务_业务说明🔥Seata提供XA模式实现分布式事务_下载启动Seata服务🔥Seata提供XA模式实现分布式事务_转账功能实现上🔥Seata提供XA模式实现分布式事务_转账功能实现下🔥Seata提供X…...
二十八、实战演练之定义用户类模型、迁移用户模型类
1. Django默认用户模型类 （1）Django认证系统中提供了用户模型类User保存用户的数据。 User对象是认证系统的核心。 （2）Django认证系统用户模型类位置 django.contrib.auth.models.User（3）父类AbstractUs…...
Java Virtual Machine的结构 3
1 Run-Time Data Areas 1.1 The pc Register 1.2 Java Virtual Machine Stacks 1.3 Heap 1.4 Method Area JVM方法区是在JVM所有线程中共享的内存区域，在编程语言中方法区是用于存储编译的代码、在操作系统进程中方法区是用于存储文本段，在JVM中方法…...
linux ubuntu22 安装neo4j
环境：neo4j 5 ubuntu22 openjdk-17 neo4j 5 对 jre 版本要求是 17 及以上，且最好是 openjdk，使用比较新的 ubuntu 系统安装比较好， centos7 因为没有维护，yum 找不到 openjdk-17了。 官方的 debian 系列安装教程&a…...
模型实战（7）之YOLOv8推理+训练自己的数据集详解
YOLOv8推理+训练自己的数据集详解 最近刚出的yolov8模型确实很赞啊，亲测同样的数据集用v5和v8两个模型训练+预测，结果显示v8在检测精度和准确度上明显强于v5。下边给出yolov8的效果对比图： 关于v8的结构原理在此不做赘述，随便搜一下到处都是。1.环境搭建 进入github进行git…...
比亚迪多款新车激光雷达性能超越华为：千线级感知开启智驾新纪元
2026年，中国智能驾驶行业正式进入“千线级激光雷达”时代。继华为发布896线双光路激光雷达后，比亚迪携速腾聚创EM4数字化激光雷达强势反击，以1080线物理扫描、600米最远探测的硬核参数，在核心感知硬件上实现对华为的全面超越。这一突破不仅标志着比亚迪补齐了智能化短板，更…...
系统架构设计师知识点21-40
21.ABSD方法的三个基础。①功能分解，使用已有的基于模块的内聚与耦合技术②选择架构风格实现质量和业务需求③软件模板使用22.ABSD方法是一个自顶向下，递归细化的方法，软件系统的体系结构通过该方法得到细化，直到能产生软件构件和…...
项目管理工具怎么选？8款主流产品测评与选型建议
项目管理工具怎么选？真正需要比较的，不只是功能多少，而是它是否适合团队的协作方式、项目复杂度和管理阶段。本文围绕场景匹配、流程灵活性、信息沉淀、管理视图和落地成本，对8款主流项目管理工具做一轮顾问式测评。引言很多企业在…...
计算机毕业设计springboot基于的游戏交易平台 基于SpringBoot的虚拟资产流通服务平台的设计与实现 基于SpringBoot架构的网络游戏账号及道具交易系统的设计与实现
计算机毕业设计springboot基于的游戏交易平台（配套有源码 程序 mysql数据库 论文） 本套源码可以在文本联xi,先看具体系统功能演示视频领取，可分享源码参考。随着互联网技术的飞速发展和网络游戏产业的蓬勃兴起，虚拟资产交易已成为…...
JVM中的各种垃圾回收算法
什么情况下JVM内存中的一个对象被垃圾回收被哪些变量引用的对象是不能回收的？JVM使用了一种可达性算法来判断哪些对象可以被回收哪些对象不可以被回收。这个算法的意思，就是说对每个对象，都分析一下有谁在引用他，然后一层一层去判…...
首款支持AI渗透的WebShell管理工具，聊个天就能实现免杀|实现高隐蔽内网渗透
0x01 工具介绍 金刚狼首款支持 AI 渗透的 WebShell MCP，也是一款支持多层内网级联的 ASPX、ASHX 高级 WebShell 管理工具。工具采用 AES 加密通信，无需代理即可实现内网穿透，支持内存加载各类渗透工具，做到无文件落地隐蔽渗透目标…...
强强联合！望石智慧携手华为、华鲲振宇发布AI药物研发联合解决方案，共筑中国智慧医药创新生态
近日，以“因聚而升 融智有为”为主题的华为中国合作伙伴大会2026在深圳圆满落幕。望石智慧作为其国内AI驱动医药创新领域的核心技术伙伴受邀参会，并在智能制造医药行业论坛发表演讲。会议期间，望石智慧、华为、华鲲振宇三方达成战略级生态合作…...
告别盲调：用eBPF uprobe给Go/Python应用函数调用画张“热力图”（附libbpfgo实战代码）
深度剖析eBPF uprobe技术：为Go/Python应用构建动态函数热力图 在云原生与微服务架构盛行的今天，后端服务的性能调优一直是开发者面临的挑战。传统性能分析工具往往需要重启服务或修改代码，这在生产环境中几乎不可行。而eBPF技术的出现&#x…...
机器学习期末考突击指南：从线性回归到SVM的实战解题技巧
机器学习期末考突击指南：从线性回归到SVM的实战解题技巧 期末考试临近，面对机器学习课程中纷繁复杂的算法和公式，许多同学感到无从下手。本文将从实际考题出发，手把手带你攻克线性回归、朴素贝叶斯和SVM三大核心考点，不…...
哔哩下载姬DownKyi：新手快速上手指南与实战技巧
哔哩下载姬DownKyi：新手快速上手指南与实战技巧 【免费下载链接】downkyi 哔哩下载姬downkyi，哔哩哔哩网站视频下载工具，支持批量下载，支持8K、HDR、杜比视界，提供工具箱（音视频提取、去水印等）…...