html练习

原创 2019-03-03 20:21:27 213
摘要:<!doctype html><html><head><meta charset="utf-8"><style type="text/css">a{text-decoration:none ;color:#955;}a:hover{color:red;}ul li {list-style:none;

<!doctype html>

<html><head><meta charset="utf-8">

<style type="text/css">

a{text-decoration:none ;color:#955;}

a:hover{color:red;}

ul li {list-style:none;border:1px solid #666;height:40px;width:120px;text-align:center;line-height:40px; margin:3px}


button{height:38px;width:200px;margin:5px;background:#928;border:0px; font-size:16px;}

input{height:30px;width:208px;margin:5px;}


table{border:1px solid; border-collapse:collapse}

tr td{width:200px;border:1px solid;}



</style>


</head>

<body>


<p style=text-indent:2em;font-size:18px;color:red;>我们的记忆中总会记住一些优秀的明星,

虽然随着时间的推移他们的上了年龄,没了消息。但是

我们依然</p>

<em style=font-family:新宋体>我们的记忆</em><i>我们的记忆</i>   <del>我们的记忆</del>  

<a href="http://www.php.cn">php官方网</a><br><br>

<a href="http://www.php.cn"><img src="2.jpg" style=width:50px;></a>


<h3>有序列表</h3>

<ol><li>第一条列表</li> <li>第二条列表</li> <li>第三条列表</li> </ol>

<h3>无序列表</h3>

<ul ><li>第一条列表</li> <li><a href="http://www.php.cn">第二条列表</a></li> <li>第三条列表</li> </ul>

<hr>

<form method="get" action="deng.php">

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

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

<button>登录</button>

</form>




<table >

  

  <tr  style="background:#812">

    <td>编号</td>

    <td>姓名</td>

    <td>联系方式</td>

  </tr>

   <tr>

    <td>1</td>

    <td>张三</td>

    <td>18296558235</td>

  </tr>

  

  <tr>

    <td>2</td>

    <td>李四</td>

    <td>18296558235</td>

  </tr>

  <tr>

   <td>3</td>

    <td>不三不四</td>

    <td>18296558235</td>

  </tr>

</table>


</body>

</html>


批改老师:灭绝师太批改时间:2019-03-04 09:08:05
老师总结:测试的非常详细,课堂中涉及的标签及属性都是常用标签要好好掌握!

发布手记

热门词条