摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>html常用標(biāo)簽與屬性</title><style type="text/css">form{width:300px;height:300px;border:1px
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html常用標(biāo)簽與屬性</title>
<style type="text/css">
form{width:300px;height:300px;border:1px solid #ccc;border-radius:5px;box-shadow: 3px 3px 0 3px gray;margin-left:100px;}
input{width:208px;height:15px;font-size:15px;border:1px solid #ccc;border-radius:3px;padding:15px;margin:15px 30px 0;}
button{width:240px;height:47px;font-size:18px;background-color:#FF5700;border:none;border-radius:3px;text-align: center;line-height: 47px;margin:15px 30px;}
table{border-collapse:collapse;float:right;margin-right:200px;}
th,td{height:40px;width:80px;border:1px solid #ccc;text-align: center;line-height: 40px;}
</style>
</head>
<body>
<table>
<tr><th>省</th><th>市</th><th>簡介</th></tr>
<tr><td rowspan="3">江蘇</td><td>南京</td><td style="width:100px;">六朝古都</td></tr>
<tr><td>蘇州</td><td style="width:100px;">上有蘇杭</td></tr>
<tr><td>揚州</td><td style="width:100px;">揚州八怪</td></tr>
</table>
<form>
<h3 style="text-align:center;"">用戶登錄</h3>
<input type="text" name="username" placeholder="請輸入用戶名"><br>
<input type="password" name="pwd" placeholder="請輸入密碼"><br>
<button>登錄</button>
</form>
<!-- <ul><h3>html基礎(chǔ)</h3>
<li>單標(biāo)簽雙標(biāo)簽</li>
</ul>
<ul><h3>html常用標(biāo)簽與屬性</h3>
<li>head標(biāo)簽</li>
<li>文本格式</li>
<li>超鏈接</li>
<li>列表</li>
<li>表單</li>
<li>表格</li>
</ul> -->
</body>
</html>
批改老師：天蓬老師批改時間：2019-04-01 09:50:44
老師總結(jié)：頁面中的元素, 都是用標(biāo)簽進行包裝的, 引擎也是根據(jù)標(biāo)簽來解析內(nèi)容的, 所以學(xué)好標(biāo)簽是第一步