html基础

Original 2019-03-30 20:05:53 235
abstract:<!DOCTYPE html><html><head><meta charset="utf-8"><title>html常用标签与属性</title><style type="text/css">form{width:300px;height:300px;border:1px

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>html常用标签与属性</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基础</h3>

<li>单标签双标签</li>

</ul>

<ul><h3>html常用标签与属性</h3>

<li>head标签</li>

<li>文本格式</li>

<li>超链接</li>

<li>列表</li>

<li>表单</li>

<li>表格</li>

</ul> -->

</body>

</html>



Correcting teacher:天蓬老师Correction time:2019-04-01 09:50:44
Teacher's summary:页面中的元素, 都是用标签进行包装的, 引擎也是根据标签来解析内容的, 所以学好标签是第一步

Release Notes

Popular Entries