<table border="1" align="center">
时间: 2023-11-29 18:03:43 浏览: 85
以下是一个带有边框和居中对齐的表格示例:
```html
<table border="1" align="center">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td align="center">张三</td>
<td align="center">25</td>
<td align="center">男</td>
</tr>
<tr>
<td align="center">李四</td>
<td align="center">30</td>
<td align="center">女</td>
</tr>
</table>
```
相关问题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>人力资源管理系统</title> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <link href="css/css.css" rel="stylesheet" type="text/css"> </head> <body> <table width="100%" border="1" align="center" cellpadding="0" cellspacing="1" bordercolorlight="#CCCCCC" bordercolor="#FFFFFF" bordercolordark="#FFFFFF" > <tr> <td height="22" colspan="7" align="left" ><strong class="text13">人才信息</strong></td> </tr> <tr class="tdhui"> <td height="22" align="center" >姓名</td> <td height="22" align="center" >性别</td> <td height="22" align="center" >年龄</td> <td height="22" align="center" >职位</td> <td height="22" align="center" >所学专业</td> <td height="22" align="center" >工作经验</td> <td height="22" align="center" >执行操作</td> </tr> <tr> <td height="22" align="center" >we33</td> <td height="22" align="center" >男</td> <td height="22" align="center" >0</td> <td height="22" align="center" >ew</td> <td height="22" align="center" >we</td> <td height="22" align="center" >ew</td> <td height="22" align="center" ><a href="detailjob.html">详细</a> <a href="#">删除</a> </tr> <tr> <td height="22" align="center" >ds</td> <td height="22" align="center" >女</td> <td height="22" align="center" >0</td> <td height="22" align="center" >ds</td> <td height="22" align="center" >ds</td> <td height="22" align="center" >ds</td> <td height="22" align="center" ><a href="detailjob.html">详细</a> <a href="#">删除</a> </tr> <tr> <td height="22" align="center" >李四</td> <td height="22" align="center" >男</td> <td height="22" align="center" >36</td> <td height="22" align="center" >JAVA架构师</td> <td height="22" align="center" >计算机</td> <td height="22" align="center" >5年</td> <td height="22" align="center" ><a href="detailjob.html">详细</a> <a href="#">删除</a> </tr> <tr> <td height="22" align="center" >王五</td> <td height="22" align="center" >男</td> <td height="22" align="center" >28</td> <td height="22" align="center" >软件测试工程师</td> <td height="22" align="center" >计算机</td> <td height="22" align="center" >三年</td> <td height="22" align="center" ><a href="detailjob.html">详细</a> <a href="#">删除</a> </tr> </table> </body> </html>实现后端代码
对于这段HTML代码,如果要实现后端功能需要使用一些Web开发框架(如Django、Flask、Spring等)进行开发。
在后端代码中,需要先建立一个路由(Route)来响应前端发来的请求,比如这里的人才信息页面。具体代码可以类似下面这样:
```
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/talent')
def talent():
# 从数据库中查询人才信息数据
talents = [
{'name': 'we33', 'gender': '男', 'age': '0', 'position': 'ew', 'major': 'we', 'experience': 'ew'},
{'name': 'ds', 'gender': '女', 'age': '0', 'position': 'ds', 'major': 'ds', 'experience': 'ds'},
{'name': '李四', 'gender': '男', 'age': '36', 'position': 'JAVA架构师', 'major': '计算机', 'experience': '5年'},
{'name': '王五', 'gender': '男', 'age': '28', 'position': '软件测试工程师', 'major': '计算机', 'experience': '三年'}
]
# 渲染模板并返回HTML页面
return render_template('talent.html', talents=talents)
```
在上面的代码中,我们定义了一个`/talent`的路由,并定义了`talent`函数来处理该路由的请求。该函数中,我们首先从数据库中查询人才信息的数据,这里为了方便,我们直接定义了一个`talents`列表来存储数据。
接下来,我们使用`render_template`函数来渲染模板,并将查询到的数据传递给模板,以便在前端页面中动态显示。其中,`talent.html`是我们定义的模板文件名,`talents=talents`则是将查询到的数据传递给模板。
最后,我们需要在代码中指定模板文件的存放路径,可以通过如下代码实现:
```
app = Flask(__name__, template_folder='templates')
```
这里我们将模板文件存放在`templates`目录下。
当我们在前端页面中访问`/talent`路由时,后端代码会根据路由定义的`talent`函数来响应请求,从数据库中查询数据并将其传递给模板进行渲染,最终将渲染后的HTML页面返回给前端进行显示。
<body> <h3 align="center">添加员工</h3> <table align="center" border="1"> <tr> <td>员工姓名</td> <td><input type="text" id="aaa"/></td> </tr> <tr> <td>员工职位</td><td> <select><option>普通员工</option> <option>经理</option> 请求为啥会多一个jsp?
这段代码只是HTML和JavaScript的代码,并不是完整的JSP页面。通常情况下,JSP页面会包含HTML、CSS、JavaScript和Java代码,它们共同完成页面的展示和功能实现。在这段代码中,我们可以看到一些JSP标签的影子,例如定义了一个表单,但是没有指定表单提交的URL。实际上,这个表单的提交URL应该是指向一个后端的JSP页面,该页面会接收表单提交的数据,并进行处理。因此,在实际开发中,我们通常会编写一个完整的JSP页面,包含所有需要的HTML、CSS、JavaScript和Java代码,以达到更好的交互和动态效果。
阅读全文
相关推荐
html <td(l)align=center>情况登记 姓名: (2) 密码: <INPUT size="20" _(3) value="pwd"> 性别: <INPUT name="sex" type=radio> 男<INPUT name="sex" type=radio>女 <INPUT (4)_value=”提 交“><INPUT type="reset"(5)></form> <%-- Created by IntelliJ IDEA. User: syp Date: 2023/5/22 Time: 13:59 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Denglu</title> </head> <body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0"> <fieldset style="width: auto; margin: 0px auto"> <legend> 欢迎使用常州工业职业技术学院人员管理系统 </legend>
<form action="loginSuccess.action"> 用户:<input type="text" name="username"/>
密码:<input type="password" name="password"/>
<input type="submit" value="登录"/> 注册 </form> </fieldset> </body> </html>
<%-- Created by IntelliJ IDEA. User: syp Date: 2023/5/22 Time: 13:59 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Denglu</title> </head> <body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0"> <fieldset style="width: auto; margin: 0px auto"> <legend> 欢迎使用常州工业职业技术学院人员管理系统 </legend>
<form action="loginSuccess.action"> 用户:<input type="text" name="username"/>
密码:<input type="password" name="password"/>
<input type="submit" value="登录"/> 注册 </form> </fieldset> </body> </html>
<form action="loginSuccess.action"> 用户:<input type="text" name="username"/>
密码:<input type="password" name="password"/>
<input type="submit" value="登录"/> 注册 </form> </fieldset>