导航,头部,CSS基础

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>什么什么App</title>
</head>



<head>



    <body>
    <a href="">首页</a>
    <a href="">下载app</a>
    搜索:<input>
</nav>
    <style type="text/css">
    p{color:red;}
</style>
<body>
<p>
    什么什么什么
</p>
</body>
<div  id="container" style="width:400px "... >
    <div id="header" style="background-color:#FFA500;"><h2 align="center" style="margin-bottom:0;">登录</h2>
      <div id="content" style="background-color:#EEEEEE;height:150px;width:400px;float:left;">
<form>
    用户名:<input type="text" name="firstname"><br>
    密码:<input type="password" name="pwd"><br>
     <input type="radio" name="role" value="stu">游客登陆<br>

    <input type="button" value="登入">
</form>





</div>
<div  id="container" style="width:400px "... >
    <div id="header" style="background-color:#FFA500;"><h2 align="center" style="margin-bottom:0;">查看</h2></div>
    <form>
        <select>
            <option>列表</option>
             <option>收藏</option>
        </select>
        </form>
    <div id="content" style="background-color:#EEEEEE;height:150px;width:400px;float:left;">
<from>
<u1>
    <li>第一章</li>
    <li>第二章</li>
    <li>第三章</li>
</u1>
   <di>
       <dt>项目一</dt>
       <dt>项目二</dt>
   </di>
    <table border="1">
        <tr>
            <th>标题</th>
            <th>标题</th>
            <th>标题</th>
            <th>标题</th>
        </tr>
        <tr>
            <td>行一</td>
        </tr>
    </table>
</from>
    <div id="content" style="background-color:#EEEEEE;height:150px;width:400px;float:left;"></div>

    <div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">版权©emmmmm</div>

</div>

</body>

</html>

 

posted @ 2017-10-17 19:16  092曹馨文  阅读(128)  评论(0编辑  收藏  举报