Blogger Information
Blog 1
fans 0
comment 0
visits 331
Related recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
7月2日作业
浦江拎壶冲的博客
Original
339 people have browsed it


实例

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>7月2日作业</title>
</head>
<body>
<h1>7月2号作业</h1>
<h3>浦江拎壶冲 </h3>
<h3>学号:463445</h3>
<h2>默写HTML文档的基本结构</h2>
<h2>实例演示无序列表的基本使用</h2>
<h3>ol有序列表</h3>
<ol>
    <li><a href="">默写HTML文档的基本结构</a></li>
    <li><a href="">实例演示无序列表的基本使用</a></li>
    <li><a href="">实例演示表格的用法以及行列合并的应用</a></li>
    <li><a href="">实例演示表单以及常用控件元素的使用(必须掌握)</a></li>
</ol>
<h3>ul无序列表</h3>
<ul>
    <li><a href="">默写HTML文档的基本结构</a></li>
    <li><a href="">实例演示无序列表的基本使用</a></li>
    <li><a href="">实例演示表格的用法以及行列合并的应用</a></li>
    <li><a href="">实例演示表单以及常用控件元素的使用(必须掌握)</a></li>
</ul>
<h2>实例演示表格的用法以及行列合并的应用</h2>
<h3>超市购物车表格</h3>
<table border="1"width="500" cellspacing="0" cellpadding="6" >
    <caption>超市购物车</caption>
    <thead>
    <tr  bgcolor="aqua">
        <th>序号</th>
        <th>名称</th>
        <th>单价</th>
        <th>数量</th>
        <th>金额</th>
    </tr>
    </thead>
    <tbody>
    <tr align="center">
        <td width="80">1</td>
        <td width="180">乐事薯片</td>
        <td width="80">4.50</td>
        <td width="80">1</td>
        <td width="80">4.50</td>
    </tr >
    <tr align="center">
        <td>2</td>
        <td>中华***</td>
        <td>45.00</td>
        <td>1</td>
        <td>45.00</td>
    </tr>
    <tr align="center">
        <td>3</td>
        <td>猫***咖啡</td>
        <td>118.00</td>
        <td>1</td>
        <td>118.00</td>
    </tr>
    <tr align="center">
        <td>4</td>
        <td>龙井绿茶</td>
        <td>88.00</td>
        <td>1</td>
        <td>88.00</td>
    </tr>
    </tbody>
    <tfoot>
    <tr align="center">
        <td colspan="3">合计</td>
       <!-- <td></td>
        <td></td>-->
        <td>4</td>
        <td>250.10</td>
    </tr>
    </tfoot>
</table>
<h2>实例演示表单以及常用控件元素的使用(必须掌握)</h2>
<h3>用户注册</h3>
<form action="" method="" name="register">
<p>
    <label for="username"> 账号:</label>
    <input type="text" id="username" placeholder="不超过8个字符">
</p>
    <label for="password" >密码:</label>
    <input type="password" id="password" name="password" placeholder="6-12个字母或数字">
    <p>
    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email" placeholder="example@mail.com" required>
</p>
    <p>
        <label for="age">年龄:</label>
        <input type="number" id="age" name="age" min="16" max="70">
    </p>
    <p>
        <label for="birthday">生日:</label>
        <input type="date" id="birthday" name="birthday">
    </p>
    <p>
        <label for="course">课程:</label>
        <select name="course" id="course" size="1">
                <option value="0">请选择</option>
                <option value="1">HTML5</option>
                <option value="2">CSS3</option>
                <option value="3">JacaScript</option>
            <option value="4">PHP</option>
            <option value="5">MySQL</option>
            <option value="6">ThinkPHP</option>
        </select>
    </p>
    <P>
        <label FOR="game">爱好:</label>
        <input type="checkbox" name="hobby[] value="game" id="game">
        <label for="game">打游戏</label>
        <input type="checkbox" name="hobby[]" value="programe" id="programe">
        <label for="programe">撸代码</label>
        <input type="checkbox" name="hobby[]" value="programe" id="movers">
        <label for="movers">看片</label>
    </P>
    <p>
        <label for="male">性别:</label>
        <input type="radio" name="gender" value="male" id="male"><label for="male">男生</label>
        <input type="radio" name="gender" value="female" id="female"><label for="female">女生</label>
        <input type="radio" name="gender" value="secrecy" id="secrecy"><label for="secrecy">保密</label>
    </p>
    <p>
        <label for="comment">简介</label>
        <textarea name="comment" id="comment" cols="30" rows="10" maxlength="30" placeholder="不超过30字"></textarea>
    </p>
    <p>
        <input type="submit" name="submit" value="提交">
        <input type="reset" name="reset" value="重置">
    </p>
</form>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

微信图片_20190706133835.png微信图片_20190706133828.png

Correction status:qualified

Teacher's comments:非常的棒
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post