表单
image.png
<body>
<form action="http://bi.camelwifi.cn/double11/Timer.html" method="GET" >
<p>用户名：<input type="text" name="loginName" id=""></p>
<p>密码： <input type="password" name="pwd" id=""></p>
<input type="submit" name="" value="提交">
<input type="reset" name="" value="aa ">
</form>
</body>
image.png
表格
image.png
<body>
<h3>前端技术划分</h3>
<table border="1px" cellspacing = 0 >
<col width =300px; >
<col width =300px;>
<col width =300px;>
<col width =300px;>
<tr align = "center">
<td></td>
<td>初级</td>
<td>中级</td>
<td>高级</td>
</tr>
<tr align = "center">
<td>标准 </td>
<td>fxxxfxxxfxxxfxxxfxxxfxxxfxxx</td>
<td>hjjhjjhjjhjjhjjhjjhjjhjjhjjhjjhjj</td>
<td>gjjjjgjjjjgjjjjgjjjjgjjjj </td>
</tr>
<tr align = "center">
<td>用户A</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr align = "center">
<td>用户b</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
image.png
a链接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width= , initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#navigation{
text-align: center;
}
.item{
text-decoration: None;
color: black;
padding: 0 15px;
border-left: 1px solid #000;
}
#navigation .ifirst{
border:None;
}
</style>
</head>
<body>
<div id="navigation">
<a href="" class="item ifirst">首页</a>
<a href="" class="item">办公居家</a>
<a href="" class="item">数码科技</a>
<a href="" class="item">母婴</a>
<a href="" class="item">团购</a>
<a href="" class="item">秒杀活动</a>
</div>
</body>
</html>
image.png
网友评论