简单运用table//form/ul标签

原创 2018-11-02 00:59:00 312
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> table{ border:1px 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
table{
border:1px solid black;
width:500px;
height:500px;
border-collapse: collapse;
}
tr td{
border:1px solid black;
width:500px;
height:200px;
}
ul li{
list-style:none;
}
</style>
</head>
<body>
<table>
<tr>
<th>表头</th>
<th>表头</th>
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td rowspan="2">22</td>
<td>22</td>
<td>22</td>
<td>22</td>
</tr>
<tr>
<td colspan="2">33</td>
<td>33</td>
</tr>
</table>
<form method="post" action="">
<input type="text" placeholder="请输入账号">
<input type="password" placeholder="请输入密码">
<button>登录</button>
</form>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</body>
</html>


批改老师:灭绝师太批改时间:2018-11-02 09:01:02
老师总结:知识点练习的还是比较全面的,熟练使用标签在后面布局中很重要,继续加油

发布手记

热门词条