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

关于HTML 案例_个人简历展示02

news 文章来源：https://blog.csdn.net/Dingyuan0/article/details/142628571 2025/5/5 1:36:45

展示效果

用table进行布局
label 标签进行关联
- 例如：点姓名就可以到text中去填写内容
input的使用
- text 文本框
- radio 单选框
- select与option 选择框
- checkbox 复选框
textarea
ul与li 无序列表
文中图片是本地的
- 链接: 图片下载地址

代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>个人简历信息</title>
</head>
<body><table><thead><h3>请填写简历信息</h3></thead><tr><td><label for="name">姓名</label></td><td><input type="text" id="name"></td></tr><tr><td>性别</td><td><input type="radio" name="sex" checked id="male"><label for="male"><img src="./img/man.png" width="20ps" height="20ps">男</label><input type="radio" name="sex" id="female"><label for="female"><img src="./img/woman.png" width="20ps" height="20ps">女</label></td></tr><tr><td>出生日期</td><td><select name="year" id=""><option selected>-请选择年份-</option><option>1990</option><option>1991</option><option>1992</option><option>1993</option><option>1994</option><option>1995</option><option>1996</option><option>1997</option><option>1998</option><option>1999</option></select><select name="month" id=""><option selected>-请选择月份-</option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option></select><select name="day" id=""><option selected>-请选择日期-</option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option></select></td></tr><tr><td><label for="school">就读学校</label></td><td><input type="text" id="school"></td></tr><tr><td>应聘岗位</td><td><input type="checkbox" name="webbox" id="pre_exp"> <label for="pre_exp">前端开发</label><input type="checkbox" name="webbox" id="back_exp"> <label for="back_exp">后端开发</label><input type="checkbox" name="webbox" id="tect_exp"> <label for="tect_exp">测试开发</label><input type="checkbox" name="webbox" id="tran_exp"> <label for="tran_exp">运维开发</label><!-- <input type="checkbox" name="webbox"> 后端开发<input type="checkbox" name="webbox"> 测试开发<input type="checkbox" name="webbox"> 运维开发 --></td></tr><tr><td>掌握技能</td><td><textarea rows="8" cols="30"></textarea></td></tr><tr><td>项目经历</td><td><textarea rows="8" cols="30"></textarea></td></tr><tr><td></td><td><input type="checkbox" id="read"><label for="read">我已仔细阅读过公司的招聘要求</label><!-- <input type="checkbox" id="read">我已仔细阅读过公司的招聘要求 --></td></tr>    <tr><td></td><td><a href="./img/man.png">查看我的状态</a></td></tr><tr><td></td><td><h3>请应聘者确认: </h3><ul><li>以上信息真实有效</li><li>能够尽快去公司实现</li><li>能接受公司的加班文化</li></ul></td></tr></table>
</body>
</html>

关于HTML 案例_个人简历展示02

展示效果用table进行布局label 标签进行关联例如：点姓名就可以到text中去填写内容 input的使用 text 文本框radio 单选框select与option 选择框checkbox 复选框 textareaul与li 无序列表文中图片是本地的链接: 图片下载地址代码 <!DOCTYPE html> <…...

编程日记 2024/10/6 0:02:16

Windows 11 24H2 v26100.1742 官方简体中文版

‌Windows 11 24H2是微软最新推出的操作系统更新，其在人工智能（AI）领域的创新为用户带来了显著的体验提升。该版本的一大亮点是AI Copilot，它能够智能地根据剪贴板内容调整操作上下文菜单，实现更智能化的交互。此外&…...

编程日记 2024/10/6 0:01:15

【AIGC半月报】AIGC大模型启元：2024.10（上）

【AIGC半月报】AIGC大模型启元：2024.10（上） (1) YOLO11（Ultralytics新作） (1) YOLO11（Ultralytics新作） 2024.10.01 Ultralytics在 YOLO Vision 2024 活动上宣布发布其新的计算机视觉模型 YOLO…...

编程日记 2024/10/5 23:59:12

Codeforces Beta Round 14 (Div. 2) E. Camels (DP)

题目 Bob likes to draw camels: with a single hump, two humps, three humps, etc. He draws a camel by connecting points on a coordinate plane. Now he’s drawing camels with t humps, representing them as polylines in the plane. Each polyline consists of n ve…...

编程日记 2024/10/5 23:58:11

CSID-GAN：基于生成对抗网络的定制风格室内平面设计框架论文阅读

CSID-GAN: A Customized Style Interior Floor Plan Design Framework Based on Generative Adversarial Network 摘要前言II. CSID-GAN METHODA. Overall FrameworkB. Algorithm and Loss Function III. DATASETS AND EVALUATION METRICSA. DatasetsB. Evaluation Metrics IV.…...

编程日记 2024/10/5 23:52:05

02SQLite

文章目录索引创建索引删除索引索引优点及缺点？避免使用索引视图创建视图删除视图事务事务控制命令通过事务方式对数据库进行访问优势： 索引创建索引索引（Index）是一种特殊查找表，数据库搜索引擎用来加速数据检索…...

编程日记 2024/10/5 23:51:02

学籍管理平台|在线学籍管理平台系统|基于Springboot+VUE的在线学籍管理平台系统设计与实现(源码+数据库+文档)

在线学籍管理平台系统目录基于SpringbootVUE的在线学籍管理平台系统设计与实现一、前言二、系统功能设计三、系统实现四、数据库设计 1、实体ER图五、核心代码六、论文参考七、最新计算机毕设选题推荐八、源码获取： 博主介绍：✌️大…...

编程日记 2024/10/5 23:50:01

JDBC编程

前言： 你是否见过用Java连接数据库的操作，对没错，今天我们要讲的就是这个“高级”操作，做好准备全程高速。 API： 什么是API？我喜欢先把它的全称说一下：Application Programming Interface。简…...

编程日记 2024/10/5 23:42:54

Python : 类变量、静态方法、类方法

文章目录前言1 类变量（Java静态变量）2 Python中的静态方法（使用 @staticmethod 装饰器声明）3 类方法（使用 @classmethod 装饰器声明）4 静态方法和类方法的区别前言学完Java过后，对python中有了一些疑惑。Java中有static修饰的静态变量和静态方法这两个很用用的知识点…...

编程日记 2024/10/5 23:39:51

大厂笔试现已经禁用本地IDE怎么看

如果我说本来面试做题这种事情就是反人类你相信吗？ 这个罪恶的源头就是 Google，说是为了选择高素质的计算机编程水平的人才，然后把面试就变成了考试，最大的受益者当然是印度人了。当把一个考察过程变成标准化的考试过程&#x…...

编程日记 2024/10/5 23:37:49

【PostgreSQL】入门篇——如何创建、删除和管理数据库及其用户，包括权限设置和角色管理

PostgreSQL 数据库及用户管理 1. 创建数据库 1.1 使用 SQL 命令创建数据库在 PostgreSQL 中，可以使用 CREATE DATABASE 命令来创建数据库。以下是基本语法： CREATE DATABASE database_name;示例： CREATE DATABASE my_database;1.2 使用…...

编程日记 2024/10/5 23:36:48

网络安全：保护数字时代的堡垒

网络安全：保护数字时代的堡垒引言： 在数字化时代，网络安全的重要性日益凸显。它不仅关系到个人隐私保护，还涉及国家安全和经济发展。随着技术的发展，网络安全的威胁也在不断进化，从个人设备到企业网络&am…...

编程日记 2024/10/5 23:34:46

【rCore OS 开源操作系统】Rust 字符串（可变字符串String与字符串切片str)

【rCore OS 开源操作系统】Rust 语法详解: Strings 前言这次涉及到的题目相对来说比较有深度，涉及到 Rust 新手们容易困惑的点。这一次在直接开始做题之前，先来学习下字符串相关的知识。 Rust 的字符串 Rust中“字符串”这个概念涉及多种类型&…...

编程日记 2024/10/5 23:30:43

远程过程调用RPC知识科普

文章目录什么是RPCRPC的基本原理RPC的应用场景RPC的优势常见的RPC框架常见的RPC协议1. gRPC2. Apache Thrift3. Dubbo4. JSON-RPC5. XML-RPC6. SOAP springboot环境下常用的RPC框架使用1. Apache Dubbo2. Apache Thrift3. gRPC4. Spring Cloud OpenFeign 什么是RPC RPC&…...

编程日记 2024/10/5 23:26:39

Java - LeetCode面试经典150题 - 区间 (三)

区间 228. 汇总区间题目给定一个无重复元素的有序整数数组 nums 。返回恰好覆盖数组中所有数字的最小有序区间范围列表。也就是说，nums 的每个元素都恰好被某个区间范围所覆盖，并且不存在属于某个范围但不属于 nums 的数字 x 。列表中…...

编程日记 2024/10/5 23:24:37

NVIDIA网卡系列之ConnectX-6 DX规格信息(200G-PCIe 4.0x16-8PF1000VF-2019年发布)

背景 NVIDIA ConnectX-6是最大支持200G的产品，有DX LX等系列。LX一般是25G比较便宜。核心关键点 200GbpsPCIe 4.0，最大lane: x16 (4.0的lane速 16GT/s * 16 256T/s，所以支持的是200G的网卡用PCIe4.0)QSFPPF，VF数量&#xff1…...

编程日记 2024/10/5 23:17:30

【案例】平面云

教程案例视频：Unity Shader Graph - 云教程开发平台：Unity 2022 开发工具：Unity ShaderGraph 一、效果展示二、ShaderGraph 路线图三、案例分析核心思路：使用 Noise（噪声）模拟云层状态 3.1 说明…...

编程日记 2024/10/5 23:15:28

测试用例的进阶二

1. 按开发阶段划分 1.1 测试金字塔从上到下，对于测试人员代码就是要求越来越低； 从下到上，越来越靠近用户； 从下到上，定位问题的成本越来越高； 1.2 单元测试(Unit Testing) 单元测试是对软件组成单元进…...

编程日记 2024/10/5 23:14:27

zotero WebDAV同步忘记密码

https://www.jianguoyun.com/#/safety 找到应用密码...

编程日记 2024/10/5 23:10:23

如何在 SQL 中创建一个新的数据库？

在SQL中创建一个新的数据库，首先你需要有一个可以执行SQL语句的环境。这通常意味着你已经有了一个数据库管理系统（DBMS），如MySQL、PostgreSQL、Oracle或Microsoft SQL Server等。不同的DBMS可能有不同的细节，但基本…...

编程日记 2024/10/5 23:07:20

《Linux从小白到高手》理论篇：Linux的进程管理详解

本篇将介绍Linux的进程管理相关知识，并将深入介绍Linux的进程间相互通信。进程就是运行中的程序，一个运行着的程序，可能有多个进程。比如Oracle DB，启动Oracle实例服务后，就会有多个进程。 Linux进程分类在 Linux…...

编程日记 2024/10/5 23:05:17

【Qt】控件概述（3）—— 显示类控件

显示类控件 1. QLabel——标签1.1 setPixmap设置图片1.2 setAlignment设置文本对齐方式1.3 setWordWrap设置自动换行1.4 setIndent设置缩进1.5 setMargin设置边距1.6 body 2. QLCDNumber2.1 使用QTimer实现一个倒计时效果2.2 使用循环的方式实现倒计时 3. QProgressBar——进度…...

编程日记 2024/10/5 23:03:15

数据库管理-第247期 23ai：全球分布式数据库-Schema对象（20241004）

数据库管理247期 2024-10-04 数据库管理-第247期 23ai：全球分布式数据库-Schema对象（20241004）1 分区、表空间和Chunk（块）2 表空间组3 分片表4 分片表族5 复制表6 在所有分片上创建的非表对象总结数据库管理-第247期 …...

编程日记 2024/10/5 23:00:12

Docker搭建一款开源的文档管理系统

1.系统介绍 Wizard是一款开源的文档管理系统，它支持多种格式类型的文档管理，包括Markdown、Swagger和Table，以适应不同场景和需求下的文档管理需求。 1.1功能特点开源免费：Wizard是一款完全免费的开源项目，用户可以…...

编程日记 2024/10/5 22:59:11

软件验证与确认实验一：静态分析

目录 1. 实验目的及要求.................................................................................................... 3 2. 实验软硬件环境.................................................................................................... 3 …...

编程日记 2024/10/5 22:58:10

基于SpringBoot+Vue的高校运动会管理系统

作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：…...

编程日记 2024/10/5 22:57:09

什么东西可以当做GC Root，跨代引用如何处理？

引言在Java的垃圾回收机制中，GC Root（Garbage Collection Root，垃圾回收根）是垃圾回收器判断哪些对象是可达的，哪些对象可以被回收的起点。GC Root通过遍历对象图，标记所有可达的对象，而那些不…...

编程日记 2024/10/5 22:55:08

Python深度学习：从神经网络到循环神经网络

Python深度学习：从神经网络到循环神经网络目录 ✨ 神经网络基础 1.1 🔍 前向传播与反向传播🎨 卷积神经网络（CNN） 2.1 🖼️ 图像分类任务的实现 2.2 🚀 常用架构（LeNet、VGG、Res…...

编程日记 2024/10/5 22:54:07

C++输⼊输出

1.<iostream> 是 Input Output Stream 的缩写，是标准的输⼊、输出流库，定义了标准的输⼊、输出对象 2.std::cin 是 istream 类的对象，它主要⾯向窄字符（narrow characters (of type char)）的标准输⼊流。 3…...

编程日记 2024/10/5 22:52:04

卡码网KamaCoder 117. 软件构建

题目来源：117. 软件构建 C题解（来源代码随想录）：拓扑排序：给出一个有向图，把这个有向图转成线性的排序。拓扑排序也是图论中判断有向无环图的常用方法。拓扑排序的过程，其实就两步&#xff1…...

编程日记 2024/10/5 22:50:02

展示效果

代码

相关文章：