博主信息
博文 1
粉丝 0
评论 0
访问量 495
相关推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
7月2日作业
浦江拎壶冲的博客
原创
504人浏览过


实例

<!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

批改状态:合格

老师批语:非常的棒
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学