html作业大全

软件技术NINI

已于 2024-07-10 16:57:40 修改

阅读量212

点赞数 6

分类专栏： html+css+js笔记文章标签： html css html5 前端 css3

于 2024-06-03 00:56:01 首次发布

本文链接：https://blog.csdn.net/2301_78133614/article/details/139400529

版权

html+css+js笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

图片考试成绩

考试成绩HTML代码演示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格语义化</title>
</head>

<body>
<table border="2"> 
<caption>考试成绩表</caption>
<thead>
<tr>
<th>姓名</th>
<th>语文</th>
<th>英语</th>
<th>数学</th>
</tr>
</thead>
<thead>
<tr>
<th>宋江</th>
<td>80</td>
<td>80</td>
<td>80</td>
</tr>
<tr>
<th>卢俊义</th>
<td>90</td>
<td>90</td>
<td>90</td>
</tr>
<th>吴用</th>
<td>100</td>
<td>100</td>
<td>100</td>
</tr>
</tbody>
<tfoot>
<th>平均分</th>
<td>90</td>
<td>90</td>
<td>90</td>
</tr>
</tfoot>
</thead>
</table>
</body>
</html>

行列图片展示

行列图片代码演示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格基本结构</title>
</head>

<body>
<table border="1">
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>
</body>
</html>

提交按钮

提交按钮代码演示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>列7-2</title>
</head>

<body>
<form action="#" novalidate="novalidate">
E-mail:<input type="email" name="use_email">
<input type="submit" />
</form>
</body>
</html>

表格图片

表格代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>10-1</title>
<style type="text/css">
td{
	height:50px;
	width:200px;
	border:1px solid #000;}
</style>
</head>

<body>
<table>
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<table>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
</body>
</html>