第一次作业

作业1:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="https://www.baidu.com">
    <table border="1px" width="640px" height="225px" bgcolor="Silver"> 
        <tr>
            <td colspan="2" align="center" height="25px" bgcolor="gray">用户注册</td>
            <!-- <td></td> -->
        </tr>
        <tr>
            <td width="210px" height="25px" align="right" name="Username">用户名</td>
            <td><input type="text" name="Username"></td>
        </tr>
        <tr>
            <td align="right" height="25px" name="UserPass">密码</td>
            <td><input type="password" name="UserPass"></td>
        </tr>
        <tr>
            <td align="right" height="25px">性别</td>
            <td><label><input type="radio" name="sex" value="=1" checked>男</label>
                <label><input type="radio" name="sex" value="=2" >女</label></td>
        </tr>
        <tr>
            <td align="right" height="25px">爱好</td>
            <td><input type="checkbox" name="like" value="xiezuo" >写作
            <input type="checkbox" name="like" value="tinyinyue" >听音乐
            <input type="checkbox" name="like" value="tiyu"> 体育
            </td>
        </tr>
        <tr>
            <td align="right" height="25px">省份</td>
            <td><select name="addresss">
                <option value="sx">陕西省</option>
                <option value=hn>湖南省</option>
                <option value="jx">江西省</option>
            </select></td>
        </tr>
        <tr>
            <td align="right">自我介绍</td>
            <td>
                <textarea name="introduce" rows="10" cols="50" placeholder="这个家伙什么也没留下"></textarea>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center" height="25px" bgcolor="gray">
                <button type="submit" name="send">提交</button>
                <button type="reset" name="reset">重置</button>
            </td>
            <!-- <td></td> -->
        </tr>
    </table>
    </form>
</body>
</html>

运行截屏:

作业2:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1px" width="1000px" height="225px">
        <tr>
            <td colspan="2" height="25px" width="125px">回单类型</td>
            <!-- <td></td> -->
            <td>网上转账汇款</td>
            <td colspan="2" width="125px">指令序号</td>
            <!-- <td></td> -->
            <td>HQH000000000013878172</td>
        </tr>
        <tr>
            <td height="100px" rowspan="4" width="31px">收件人</td>
            <td>户名</td>
            <td>老牟</td>
            <td rowspan="4" width="31px">付款人</td>
            <td>户名</td>
            <td>老刘</td>
        </tr>
        <tr>
            <!-- <td height="25px"></td> -->
            <td>卡号</td>
            <td>000000000001</td>
            <!-- <td></td> -->
            <td>卡号</td>
            <td>000000000002</td>
        </tr>
        <tr>
            <!-- <td height="25px"></td> -->
            <td>地区</td>
            <td>南京</td>
            <!-- <td></td> -->
            <td>地区</td>
            <td>杭州</td>
        </tr>
        <tr>
            <!-- <td height="25px"></td> -->
            <td>网点</td>
            <td>工商江苏南京业务处理中心</td>
            <!-- <td></td> -->
            <td>网点</td>
            <td>江苏徐州业务中心</td>
        </tr>
        <tr>
            <td height="25px" colspan="2">币种</td>
            <!-- <td></td> -->
            <td>人名币</td>
            <td colspan="2">钞汇标志</td>
            <!-- <td></td> -->
            <td>钞票</td>
        </tr>
        <tr>
            <td height="25px" colspan="2">金额</td>
            <!-- <td></td> -->
            <td>1.00元</td>
            <td colspan="2">手续费</td>
            <!-- <td></td> -->
            <td>0.57元</td>
        </tr>
        <tr>
            <td height="25px" colspan="2">合计</td>
            <td colspan="5">人名币(大写):壹圆整</td>
            <!-- <td></td>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <tr>
            <td height="25px" colspan="2">交易时间</td>
            <!-- <td></td> -->
            <td>2017年6月1日</td>
            <td colspan="2">时间戳</td>
            <!-- <td></td> -->
            <td>2017-06-01-13,00,00,0000</td>
        </tr>
    </table>
    <p>票据打印时间&nbsp;2017-06-01&nbsp;15:00:12</p>
    <p><del>票据打印单位:江苏徐州业务中心</del></p>
    <p>操作员:大曾</p>
</body>
</html>

运行截图:

作业3:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1 align="centre">将进酒</h1>
    <br>
    <table>
        <tr>
            <td><img src="https://t11.baidu.com/it/u=1245358982,203902080&fm=30&app=106&f=JPEG?w=640&h=963&s=88011F784906EADC4D5CC8DF000080A1" width="400px" height="750px" usemap="#link-img" title="将进酒" >
                <map name="link-img">
                    <area  title="将进酒" shape="rect" coords="0,0,400,800" href="https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=1&rsv_idx=1&tn=15007414_8_dg&wd=%E5%B0%86%E8%BF%9B%E9%85%92%20%E6
                    %9D%8E%E7%99%BD%20%E5%85%A8%E8%AF%97&fenlei=256&oq=%25E6%259D%258E%25E7%2599%25BD%25E5%259B%25BE%25E7%2589%2587&rsv_pq=9466a79600476480&rsv_t=a6d
                    6ZwNQXWeVHutqPYI5dFJr6R3bYMIBPigTDCChprSo4d7WzNxOjQO30v29I9OxP0b39w&rqlang=cn&rsv_enter=1&
                    =ts_1&rsv_btype=t&inputT=14637&rsv_sug3=45&rsv_sug1=57&rsv_sug7=101&rsv_sug2=1&prefixsug=%25E5%25B0%258
                    6%25E8%25BF%259B%25E9%2585%2592&rsp=1&rsv_sug4=14636"><br>
                    <audio src="" controls></audio>
                </map>
                </td>
            <td align="center">
                    <h2>
                        <p>君不见黄河之水天上来,奔流到海不复回。</p>
                        <p>君不见高堂明镜悲白发,朝如青丝暮成雪。</p>
                        <p>人生得意须尽欢,莫使金樽空对月。</p>         
                        <p>天生我材必有用,千金散尽还复来。</p>       
                        <p>烹羊宰牛且为乐,会须一饮三百杯。</p>     
                        <p>岑夫子,丹丘生,将进酒,杯莫停。</p>    
                        <p>与君歌一曲,请君为我倾耳听。</p>  
                        <p>钟鼓馔玉不足贵,但愿长醉不愿醒。</p> 
                        <p>古来圣贤皆寂寞,惟有饮者留其名。</p> 
                        <p>陈王昔时宴平乐,斗酒十千恣欢谑。</p> 
                        <p>主人何为言少钱,径须沽取对君酌。</p>  
                        <p>五花马,千金裘</p>
                        <p>呼儿将出换美酒,与尔同销万古愁。</p>
                    </h2>
                </td>
        </tr>
</body>
</html>

运行截图:

作业4:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table width="1280px" height="800px">
        <tr>
            <td align="left" height="100px"><h1>热门电影板块</h1></td>
        </tr>
        <tr>
            <td width="1280px" height="10px">
                <table>
                    <tr>
                        <td><h3>最新热门电影</h3></td>
                        <td>热门</td>
                        <td>&nbsp;最新</td>
                        <td>&nbsp;豆瓣高分</td>
                        <td>&nbsp;冷门佳片</td>
                        <td>&nbsp;华语</td>
                        <td>&nbsp;欧美</td>
                        <td>&nbsp;韩国</td>
                        <td>&nbsp;日本</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;更多>></td>
                        <hr>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td height="650px" width="1280px">
                <table>
                    <tr>
                        <td><img src="c:\Users\李石根\Desktop\微信图片_20240519201633.png" height="300px" width="185px"><br><br>杀手疾风号<br><br></td>
                        <td><img src="c:\Users\李石根\Desktop\微信图片_20240519202124.png" height="300px" width="185px"><br><br>哥斯拉2怪兽之王<br><br></td>
                        <td><img src="c:\Users\李石根\Desktop\微信图片_20240519202131.png" height="300" width="185px"><br><br>银河护卫队3<br><br></td>
                        <td><img src="c:\Users\李石根\Desktop\微信图片_20240519202142.png" height="300" width="185px"><br><br>功夫熊猫3<br><br></td>
                    </tr>
                    <tr>
                        <td><img src="c:\Users\李石根\Desktop\微信图片_20240519202150.png" height="300px" width="185px"><br><br>疯狂动物城<br><br></td>
                        <td><img src="c:\Users\李石根\Desktop\微信图片_20240519202157.png" height="300px" width="185px"><br><br>茶啊二中<br><br></td>
                        <td><img src="c:\Users\李石根\Desktop\微信图片_20240519202209.png" height="300px" width="185px"><br><br>汪汪队立大功<br><br></td>
                        <td><img src="c:\Users\李石根\Desktop\微信图片_20240519202224.png" height="300px" width="185px"><br><br>外太空的莫扎特<br><br></td>
                    </tr>
                    <hr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>

运行截图:

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值