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

html+CSS部分基础运用9

news 2026/2/8 3:56:45

项目1 参会注册表

1.设计参会注册表页面，效果如图9-1所示。

图9-1 参会注册表页面

项目2 设计《大学生暑期社会实践调查问卷》

1.设计“大学生暑期社会实践调查问卷”页面，如图9-2所示。

图9-2 大学生暑期社会调查表页面

2．调查表前导语的内容如下所示：

大学生暑期社会实践调查问卷

亲爱的同学：大家好!

为了更好的了解人们对近年来计算机类专业填报火热现象的看法，特制定本问卷，希望得到您的配合，请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，真诚感谢您的支持，祝您天天愉快，谢谢!

3.调查表中其它内容：

1. 您的性别：男、女。

2. 您的学校:

3. 您的年级:6个选项，分别为“请用选择您的年级、大一、大二、大三、大四、大专”。

4. 报考该专业的原因: 7个复选框，复选框的内容分别为“自己感兴趣、对将来发展有利、适应社会、父母主张、老师建议、学校调剂、其他”。

5.您对该专业的建议: 5个复选框，复选框的内容分别为“招收时重质不重量、师资力量要改进、要更适应社会需要、加强专业实验室建设、其他”。

6.您认为该专业学生有必要参加社会实践: 3个单选按钮，单选按钮的内容分别为“有必要、没有必要、无所谓”。

7.您的父母是否赞成您读该专业: 3个单选按钮，单选按钮的内容分别为“很赞成，希望如此、一般，不是很高兴、不了解”。

8. 您对学校的建议: 1个5行100列的多选文本域，多选文本域初始内容为“请您提出宝贵的建议”。

项目1

<!DOCTYPE html>

<head>

<title>参会注册表</title>

<style>

text-align: center;

}

table{

text-align: left;

}

#a{

text-align: center;

}

</style>

</head>

<body>

<caption>参会注册表</caption>

<tr>

</tr>

<tr>

<td>性别： <input name="sex" value="male" checked="checked" type="radio"/>男性

</tr>

<tr>

<td >酒店：<input type="radio" name="c1" value="male" checked="checked" >天山大酒店

<input type="radio" name="c1" value="female" checked="checked" >昆仑大酒店</td>

<td>预定房间数：<input type="text" maxlength="8">套</td>

</tr>

<tr>

房间类型：<input type="radio" name="c2" value="female" checked="checked">单人间（320元）

<input type="radio" name="c2" value="female" checked="checked">标价双人间（380元）

<input type="radio" name="c2" value="female" checked="checked">家庭套间（450元）

</td>

</tr>

<tr>

</td>

</tr>

</table>

</form>

</body>

</html>

项目2

<!DOCTYPE html>

<head>

<title>大学生暑期社会实践调查问卷</title>

<style>

#div0{background-color: white; width: 50%;margin: auto; }

ul{list-style: none;padding: 0;color: black;}

h1{text-align: center;}

form{ background: url(bgimags.jpg); padding-right: 10px; padding-left: 10px;}

body{font-family: "楷体";color: blue;font-size: 18px}

</style>

</head>

<tr>

<td><h1>大学生暑期社会实践调查问卷</h1></td>

</tr>

<tr>

<td>

<p>    亲爱的同学：大家好! <br>

    为了更好的了解人们对近年来计算机类专业填报火热现象的看法，特制定本问卷，希望得到您的配合，请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，真诚感谢您的支持，祝您天天愉快，谢谢!</p>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>3.您的年级：

<option value="请选择您的年级">请选择您的年级</option>

</select>

</td>

</tr>

<tr>

<td>4.报考该专业的原因：

<ul>

<li><input type="checkbox" >自己感兴趣</li>

<li><input type="checkbox">对将来发展有利</li>

</ul>

</td>

</tr>

<tr>

<td>5.您对该专业的建议：

<ul>

<li><input type="checkbox" >招收时重质不重量</li>

<li><input type="checkbox">师资力量要改进</li>

<li><input type="checkbox">要更适应社会需要</li>

<li><input type="checkbox">加强专业实验室建设</li>

</ul>

</td>

</tr>

<tr>

<td style="color: black;"><span style="color: blue;"> 6.您认为该专业学生有必要参加社会实践:</span> <br> <br>

<input type="radio" name="c1" value="">有必要

<input type="radio" name="c1">没有必要

<input type="radio" name="c1">无所谓

</td>

</tr>

<tr>

<td>7.您的父母是否赞成您读该专业:

<ul>

<li><input type="radio" name="c2">一般，不是很高兴</li>

</ul>

</td>

</tr>

<tr>

<td>8. 您对学校的建议:

<textarea name="" id="" cols="100" rows="5">请您提出宝贵的建议:</textarea>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

</div>

</body>

</html>

项目1

项目2

html+CSS部分基础运用9

项目1 参会注册表 1.设计参会注册表页面，效果如图9-1所示。图9-1 参会注册表页面项目2 设计《大学生暑期社会实践调查问卷》 1.设计“大学生暑期社会实践调查问卷”页面，如图9-2所示。图9-2 大学生暑期社会调查表页面 2．调查表前导语的…...

编程日记 2024/6/1 0:06:19

五大元素之一，累不累——Java内部类

目录简略版： 详解版： 使用场景： 内部类的优点： 内部类的分类： 一. 成员内部类 1.创建对象 2.访问方法 3. 外部类名.this. 二. 静态内部类 1. 创建对象 2. 访问特点三. 局部内部类四. 匿名内部类 …...

编程日记 2024/6/1 0:05:18

YAML快速编写示例

一、案例 1.1 自主式创建service关联上方的pod 资源名称my-nginx-kkk命名空间my-kkk容器镜像nginx:1.21容器端口80标签njzb:my-kkk 1.1.1 创建一个demo文件夹 1.1.2 创建并获取模版文件 1.1.3 查看服务并编写yaml文件 1.1.4 编写yaml文件并部署，查看服务是否运行成…...

编程日记 2024/6/1 0:04:17

2024 江苏省大学生程序设计大赛 2024 Jiangsu Collegiate Programming Contest(FGKI)

题目来源：https://codeforces.com/gym/105161 文章目录 F - Download Speed Monitor题意思路编程 G - Download Time Monitor题意思路编程 K - Number Deletion Game题意思路编程 I - Integer Reaction题意思路编程写在前面：今天打的训练赛打的很水&…...

编程日记 2024/6/1 0:01:14

【C语言】基于C语言实现的贪吃蛇游戏

【C语言】基于C语言实现的贪吃蛇游戏 🔥个人主页：大白的编程日记 🔥专栏：C语言学习之路文章目录【C语言】基于C语言实现的贪吃蛇游戏前言一.最终实现效果一.Win32 API介绍1.1Win32 API1.2控制台程序1.3控制台屏幕上的坐标COORD…...

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

代码审计（工具Fortify 、Seay审计系统安装及漏洞验证）

源代码审计代码安全测试简介代码安全测试是从安全的角度对代码进行的安全测试评估。（白盒测试；可看到源代码） 结合丰富的安全知识、编程经验、测试技术，利用静态分析和人工审核的方法寻找代码在架构和编码上的安全缺陷&#xf…...

编程日记 2024/5/31 23:57:09

cocos creator 3.x 手搓背包拖拽装备

项目背景： 游戏背包需要手动拖拽游戏装备到装备卡槽中，看了下网上资料很少。手搓了一个下午搞定，现在来记录下实现步骤； 功能拆分： 一个完整需求，我们一般会把它拆分成几个小步骤分别造零件。等都造好了…...

编程日记 2024/5/31 23:56:08

运维系列 Kubernetes探针与应用 - 文章信息 - Author: 李俊才 (jcLee95) Visit me at CSDN: https://jclee95.blog.csdn.netMy WebSite：http://thispage.tech/Email: 291148484163.com. Shenzhen ChinaAddress of this article:https://blog.csdn.net/qq_28550263…...

编程日记 2024/5/31 23:55:07

Spring 框架：Java 企业级开发的基石

文章目录序言Spring 框架的核心概念Spring 框架的主要模块Spring Boot：简化 Spring 开发Spring Cloud：构建微服务架构实际案例分析结论序言 Spring 框架自 2002 年发布以来，已经成为 Java 企业级开发的标准之一。它通过提供全面的基础设施…...

编程日记 2024/5/31 23:54:05

在Docker中使用GPU

一、安装nvidia-container-toolkit 总之一句话：nvidia-docker和nvidia-docker2，nvidia-container-runtime 已经被英伟达迭代了，可以认为nvidia-container-toolkit是nvidia-docker和nvidia-docker2， nvidia-container-runtime 的替…...

编程日记 2024/5/31 23:53:04

vue3 前端实现导出下载pdf文件

这样的数据实现导出 yourArrayBufferOrByteArray 就是后端返回数据 // 创建Blob对象const blob new Blob([new Uint8Array(res)], { type: application/pdf })// 创建一个表示该Blob的URLconst url URL.createObjectURL(blob);// 创建一个a标签用于下载const a document.cr…...

编程日记 2024/5/31 23:52:03

AI智能体研发之路-模型篇（五）：pytorch vs tensorflow框架DNN网络结构源码级对比

博客导读： 《AI—工程篇》 AI智能体研发之路-工程篇（一）：Docker助力AI智能体开发提效 AI智能体研发之路-工程篇（二）：Dify智能体开发平台一键部署 AI智能体研发之路-工程篇（三&am…...

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

电商物流查询解决方案助力提升消费者体验

截至2023年12月，中国网络购物用户规模达9.15亿人，占网民整体的83.8%。这一庞大的数字不仅展现了电子商务的蓬勃发展，也标志着数字零售企业营销战略的转变——从以产品和流量为核心，到用户为王的新阶段。因此，提升消费者…...

编程日记 2024/5/31 23:49:00

【深度密码】神经网络算法在机器学习中的前沿探索

目录 🚝前言 🚍什么是机器学习 1. 基本概念 2. 类型 3. 关键算法 4. 应用领域 5. 工作流程 🚋什么是神经网络基本结构 🚂神经网络的工作原理前向传播（Forward Propagation）： 损失函…...

编程日记 2024/5/31 23:47:59

搭载算能 BM1684 芯片，面向AI推理计算加速卡

搭载算能 BM1684 芯片，是面向AI推理的算力卡。可集成于服务器、工控机中，高效适配市场上所有AI算法，实现视频结构化、人脸识别、行为分析、状态监测等应用，为智慧城市、智慧交通、智慧能源、智慧金融、智慧电信、智慧工业等领域进…...

编程日记 2024/5/31 23:46:58

Python开发我的世界 Painting-the-World: Minecraft 像素图片生成器

简介 Painting-the-World 是一款创新的工具，专为《我的世界》(Minecraft) 玩家及创作者设计，旨在将数字图片转变为游戏内的像素艺术。通过利用 RCON (Remote Console) 协议，本项目可以直接与《我的世界》服务器对话，根据输入的图…...

编程日记 2024/5/31 23:45:57

【经验分享】盘点“食用“的写文素材

一、构建框架简介 1. 身份擅长领域 2. 博客内容 3. 目前示例： 阿里云专家博主，华为云-云享专家，专注前、后端开发博客内容：前后端实战教学、源码剖析、常见面试知识解析、算法题解与心得、日常考研总结等目前正在备战考研&…...

编程日记 2024/5/31 23:44:55

实习碰到的问题w1

1.vueelementUI在输入框中按回车键会刷新页面当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在 <el-form> 标签上添加 submit.native.prevent 。参考：element-ui 表单 form …...

编程日记 2024/5/31 23:43:54

c#实现BPM系统网络传输接口，http协议，post

BPM通过http协议实现网络传输，语言使用.net(c#)，在这里只提供一个接口，具体代码如下,请参照： public string MakeRequest(string parameters) { ServicePointManager.ServerCertificateValidationCallback new Syst…...

编程日记 2024/5/31 23:41:51

如何修改开源项目中发现的bug？

如何修改开源项目中发现的bug？ 目录如何修改开源项目中发现的bug？第一步：找到开源项目并建立分支第二步：克隆分支到本地仓库第三步：在本地对项目进行修改第四步：依次使用命令行进行操作注意：Gi…...

编程日记 2024/5/31 23:40:50

ubuntu搭建nfs服务centos挂载访问

在Ubuntu上设置NFS服务器在Ubuntu上，你可以使用apt包管理器来安装NFS服务器。打开终端并运行： sudo apt update sudo apt install nfs-kernel-server创建共享目录创建一个目录用于共享，例如/shared： sudo mkdir /shared sud…...

编程新知 2026/2/6 23:18:59

SciencePlots——绘制论文中的图片

文章目录安装一、风格二、1 资源安装 # 安装最新版 pip install githttps://github.com/garrettj403/SciencePlots.git# 安装稳定版 pip install SciencePlots一、风格简单好用的深度学习论文绘图专用工具包–Science Plot 二、 1 资源论文绘图神器来了：一行…...

编程新知 2025/9/8 13:50:07

c++ 面试题(1)-----深度优先搜索（DFS）实现

操作系统：ubuntu22.04 IDE:Visual Studio Code 编程语言：C11 题目描述地上有一个 m 行 n 列的方格，从坐标 [0,0] 起始。一个机器人可以从某一格移动到上下左右四个格子，但不能进入行坐标和列坐标的数位之和大于 k 的格子。例…...

编程新知 2026/1/10 10:16:16

TRS收益互换：跨境资本流动的金融创新工具与系统化解决方案

一、TRS收益互换的本质与业务逻辑 （一）概念解析 TRS（Total Return Swap）收益互换是一种金融衍生工具，指交易双方约定在未来一定期限内，基于特定资产或指数的表现进行现金流交换的协议。其核心特征包括&am…...

编程新知 2025/11/2 0:31:23

C++.OpenGL （10/64）基础光照（Basic Lighting）

基础光照（Basic Lighting）冯氏光照模型（Phong Lighting Model） #mermaid-svg-GLdskXwWINxNGHso {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-GLdskXwWINxNGHso .error-icon{fill:#552222;}#mermaid-svg-GLd…...

编程新知 2026/1/20 2:37:04