web基础，用html元素制作web页面 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MIS0060</title>
</head>
<body>
<h1>MIS0060</h1>
<h3>GCC欢迎您</h3>
<p></p>
<div  id="container" style="width:400px " >
    <div id="header" style="background-color:yellow;"><h2 align="center" style="margin-bottom:0;">登录</h2></div>

    <div id="content" style="background-color:#EEEEEE;height:150px;width:400px;float:left;">
        <form action="">
            Username:<input type="text" name="user"><br>
            Password:<input type="password" name="password">
           <form><br>
    <input type="radio" name="role" value="stu">student
    <input type="checkbox" name="vehicle" value="Bike">teacher
</form>
            <br>
            <input type="button" value="login">
            <input type="button" value="cancel">
        </form>


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

</div>

<hr>
 <P>友情链接</P>
  <a href="http://www.gzcc.cn/">广州商学院<br>
      <img src="http://www.gzcc.cn/2016/images/banner.png" width="258" height="39" alt="gzcc.cn"  ></a>

<p></p>
<div  id="container" style="width:400px " >
    <div id="header" style="background-color:skyblue;"><h2 align="center" style="margin-bottom:0;">Test</h2></div>

    <div id="content" style="background-color:#EEEEEE;height:700px;width:400px;float:left;">
<ul>
    <li>项目</li>
    <li>项目</li
    <li>项目</li>
</ul>

<ol>
    <li>第一项</li>
    <li>第一项</li>
    <li>第一项</li>
</ol>>

<dl>
    <dt>项目１</dt>
    　<dd>描述项目１</dd>
    <dd>描述项目１</dd>
　　<dt>项目２</dt>
    　<dd>描述项目２</dd>
    <dd>描述项目２</dd>
</dl>
<dl>
    <dt>Coffee</dt>
    <dd>Black hot drink</dd>
</dl>
<table border="1">
    <tr>
        <th>表格标题</th>
        <th>表格标题</th>
        <th>表格标题</th>
    </tr>
    <tr>
        <td>表格数据</td>
        <td>表格数据</td>
        <td>表格数据</td>
    </tr>
    <tr>
        <td>表格数据</td>
        <td>表格数据</td>
        <td>表格数据</td>
    </tr><br>

</table>
    </tr>
<form action="demo_form.php"method="post/get">
    <input type="text" name="email" size="40" maxlength="50">
    <input type="password">
    <input tyoe="checkbox" checked="checked">
    <input tyoe="radio" checked="checked">
    <input tyoe="submit" value="Send">
    <input tyoe="reset">
    <input type="hidden">
    <select>
        <option>Apple</option>
        <option selected="selected">Banana</option>
        <option>Mango</option>
        <option>Peach</option>
    </select>
    <textarea name="comment" rows="6" cols="20"><</textarea>


</form>

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

</div>

</body>
</html>

　　　　　　　　　　　　　　　　

posted @ 2017-10-13 13:46  060王昊  阅读(208)  评论(0)    收藏  举报