html标签

Original 2019-02-12 23:43:43 258
abstract:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>html标签</title><style>*{margin: 0; padding: 0;}.p1{font-size: 20px;text-i

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>html标签</title>

<style>

*{margin: 0; padding: 0;}

.p1{font-size: 20px;text-indent: 2em;color:red;}

.p2{font-size: 40px;font-weight: bold;}

a{text-decoration: none;}

a:hover{color:blue;}

ul{list-style: none;}

ul li a{text-align: center;color:#ccc;font-size: 60px;}

ul li a:hover{color:#ff6500;}

input{width: 198px;height: 28px;margin: 5px 0;padding: 0 5px;border:1px solid #ccc;}

button{width: 210px;height:40px;background: #ff6500;color: white;border:none;margin-bottom: 20px;}

table{border:1px solid #ff6500;width: 400px;border-collapse: collapse;}

tr th{border:1px solid #ff6500;height: 20px;}

tr td{border:1px solid #ff6500;height: 20px;text-align: center;}

</style>


</head>

<body>

<p class="p1">本章内容开始学习html的各种标签</p>

<p class="p2"><em>本章内容开始学习html的各种标签</em></p>

<a href="http://www.qq.com">腾讯</a>

<!--无序列表-->

<ul class="na">

<li><a>百度</a></li>

<li><a>京东</a></li>

<li><a>小米</a></li>

</ul>

<!--表单-->

<form action="">

<input type="text" name="user" placeholder="请输入用户名"><br>

<input type="password" name="password" placeholder="请输入密码"><br>

<button>登陆</button>

</form>

<!--表格-->

<table>

<tr>

<th>名称</th>

<td>电脑</td>

</tr>

<tr>

<th>型号</th>

<td>tcl</td>

</tr>

<tr>

<th>价格</th>

<td>500</td>

</tr>

<tr>

<td colspan="2">合计</td>

</tr>

</table>

</body>

</html>


Correcting teacher:韦小宝Correction time:2019-02-13 09:20:32
Teacher's summary:在HTML中这些标签和属性都是很基础的东西 只需要多练习就可以牢牢掌握了

Release Notes

Popular Entries