HTML做表格以及注册界面

最新推荐文章于 2024-08-06 13:37:48 发布
原创 最新推荐文章于 2024-08-06 13:37:48 发布 · 973 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#HTML #做页面

这篇博客展示了如何使用HTML来创建一个大学生就业信息表格和一个简单的注册界面。表格包含个人信息、教育培训经历、工作经历等多个字段，而注册界面则包括姓名、姓氏、登录名、密码等输入字段，以及性别选择和日期选择。页面样式通过CSS进行了定制，提供了友好的视觉效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <link href="img/logo.jpg" rel="icon" sizes="any" type="image/x-icon" />
        <title>大学生就业表格</title>
         <style>
             body{
                  background-image: url(img/tbg3.jpg);
             }
             #table1{
                 font-weight: bold;
                 width: 700px;
                 height: 300px;
                 text-align: center;
                 
                 
             }
             #table2{
                  font-weight: bold;
                 width: 700px;
                 height: 600px;
                 text-align: center;
             }
         </style>
    </head>
    <body>
        <center>
        <form>
        <table id="table1" border="1px" cellspacing="0" cellpadding="0">
            <tr>
                <td colspan="7"><font size="5">大学生就业空格表格</font></td>
                
            </tr>
            <tr>
                <td width="100px">姓名</td>
                <td width="100px"></td>
                <td width="100px">性别</td>
                <td width="100px"></td>
                <td width="100px">出生日期</td>
                <td width="100px"></td>
                <td rowspan="5" width="100px">照片</td>
            </tr>
            <tr>
                <td width="100px">民族</td>
                <td width="100px"></td>
                <td width="100px">政治面貌</td>
                <td width="100px"></td>
                <td width="100px">婚姻状况</td>
                <td width="100px"></td>
                
            </tr>
            <tr>
                <td width="100px">籍贯</td>
                <td width="100px"></td>
                <td width="100px">现在所在地</td>
                <td width="100px"></td>
                <td width="100px">健康状况</td>
                <td width="100px"></td>
                
            </tr>
            <tr>
                <td width="100px">学历</td>
                <td width="100px">&l

最低0.47元/天 解锁文章

200万优质内容无限畅学
【前端开发实战】用 CSS 制作一个华丽的动画登录表单超详细教程新手友好~完整代码示例| 前端动效| 网页设计| 项目实例|HTML/CSS动画|打造炫酷漂亮的登陆表单 - 适合初学者小白的详细指南
南北极之间
06-07 818
总之，学习前端开发需要耐心和毅力，要保持对技术的热情和兴趣，不断学习和提升自己。通过实践项目、学习工具和框架、关注前端趋势等方式，你可以逐渐成为一名优秀的前端开发者。在用户悬停在环形动画上时，边框颜色会变化并增加阴影，提升交互体验。整体效果是一个炫酷的动画登录表单。这个登录表单页面包含了一个环形动画效果和一些输入框、按钮的样式。
html邮箱注册表单
南北极之间
06-11 2602
总之，学习前端开发需要耐心和毅力，要保持对技术的热情和兴趣，不断学习和提升自己。通过实践项目、学习工具和框架、关注前端趋势等方式，你可以逐渐成为一名优秀的前端开发者。
用HTML做一个注册页面
m0_60528766的博客
02-06 1万+
学完了HTML的基础知识,做一个小练习巩固一下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册界面</title> </head> <body> <form action="#" method="post"> <table border="1" width="500" align="center"&
html创建一个注册页面
godofwarlove的博客
01-09 312
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum...
【HTML】表单+表格写一个注册界面
一只快乐的野指针D的博客
11-29 1万+
蹭课蹭来了个作业     以上是注册界面的样式及要求。 有两个想法 一是设计外表格为8*2（八行两列），每个单元格又嵌套一个小表格（1*2），小表格第一列设置对齐方式为向右对齐，第二列向左对齐（因为图片中用户名，密码等右边是对齐的，而文本框这些左边也是对齐的）。接下来的代码就是用这个方法的。   二是外表格设计为1*2的，然后左右两列都嵌套一个8*2的内表格。对齐方式同上。  ...
html简单注册表格
最新发布
zx55523的博客
08-06 1824
身份证号：
HTML 表格标签、列表标签、表单标签（案例： 注册页面）
酷爱前端的小陈博客
04-16 2551
1. 表格标签 表格是实际开发中非常常用的标签: 1. 表格的主要作用 2.表格的基本语法 1.1 表格的主要作用 表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 总结: 表格不是用来布局页面的,而是用来展示数据的。 1.2 表格的基本语法 1. <table> </table> 是用于定义表格的标签。 2. &...
HTML 注册页面 (表格、表单）
qq_53080910的博客
12-03 1024
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
HTML 使用表单标签实现注册页面的实例代码
09-22
在注册页面的设计中，表格可以用来布局表单的外观，使得每个输入项都在适当的位置显示。 6. 标签：定义表格中的一行，与标签结合使用，来创建表格的具体内容单元格。 7. 标签：用于在标签内定义一个单元格，用来...
HTML绘制用户注册页面
09-28
总的来说，这个HTML注册页面提供了一个基本的用户注册界面，包括输入用户名、密码、性别、兴趣、学院的选择以及文件上传功能。JavaScript的使用增强了用户体验，提供了简单的验证和反馈。然而，为了创建一个完整的...
HTML-表单标签制作注册页面
07-22
HTML中使用表单标签制作注册页界面，表单标签重要的是使用type属性
html+table实现注册页面
11-25
初学者实用例子，欢迎大家下载
这是一个html注册页面
06-02
这是一个注册页面，相信对大家的学习有所帮助
HTML表单用户注册
06-06
HTML表单，用户注册，CSS样式+HTML
html注册表单代码
06-23
这是一个html表单代码，用于会员注册，简单易懂，例如： 性别选择部分： 性别： 男 女
一个简单的html注册页面
ngwth_nail的博客
09-17 649
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;注册页面&lt;/title&gt; &lt;style type="text/css"&gt; #title{color:#FF7B0B;font-size:20px;font-
html表单标签-------注册页面
m0_67220270的博客
05-28 2652
<from>用于为用户创建HTML表单，定义表单，还可以定义范围 action:指定提交数据的url selected默认值 method：提交方式，主要有两种常用的提交方式 get：请求参数会在地址栏中显示，会封装在请求体中；请求参数的大小有限制；不太安全 post：请求参数在地址栏中不显示；请求参数的大小没有限制；比较安全 注意:表单中的数据要向被提交，必须指定其name属性
html中用表格实现注册,HTML中表格的实现
weixin_31924507的博客
06-16 189
作业要求：实现以下一个表格样式购物车.jpg内容分析：首先根据表格内容，可将表格分割成5x4的标准单元格。其中，表头“名称”和“小计”占两行标准单元格；表头“2016-11-22”占两列单元格；表头“总价”占三列标准单元格；其余内容各占一个标准单元格。分析完毕以后，表头可通过以下方式实现，属性colspan可设置占用标准单元格的几列，属性rowspan可设置占用标准单元格的几行。“名称”和“小计”...
HTML实现页面注册
热门推荐
小蜗牛的珍贵百宝箱
02-01 4万+
网页版，注册页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> <!-- 引入格式文件--> <link rel="stylesheet" href="html&css.css"> </head> <body> <sty
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值