HTML作业练习

最新推荐文章于 2024-09-09 22:16:15 发布
最新推荐文章于 2024-09-09 22:16:15 发布
阅读量170 收藏
点赞数 3
文章标签： html 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2303_80646144/article/details/140245155
版权

作业2

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业2</title>
</head>
<body>
    <h1>工商银行电子汇款单</h1>
    <table
    border="1px"
    width="1200px"
    height="300px"
    align="center"
    cellspacing="0px"
    ceelpadding="0px"
    >
        <tr>
            <td colspan="2"height="33px"><b>回单类型</b></td>
            <!-- <td></td> -->
            <td width="500px">网上转账汇款</td>
            <td colspan="2"height="33px"><strong>指令序号</strong></td>
            <!-- <td></td> -->
            <td width="500px">HQH0000000000000013878172</td>
        </tr>
        <tr>
            <td rowspan="4" height="10px"><br><b>收</b></br><br><b>款</b></br><pbr><b>人</b></brs></td>
            <td width="50px">户名</td>
            <td>老牟</td>
            <td rowspan="4" height="10px"><br><b>付</b></br><br><b>款</b></br><pbr><b>人</b></brs></td></td>
            <td width="50px">户名</td>
            <td>老刘</td>
        </tr>
        <tr>
            <!-- <td></td> -->
            <td>卡号</td>
            <td>000000000001</td>
            <!-- <td></td> -->
            <td>卡号</td>
            <td>o00000000002</td>
        </tr>
        <tr>
            <!-- <td></td> -->
            <td>地区</td>
            <td>南京</td>
            <!-- <td></td> -->
            <td>地区</td>
            <td>杭州</td>
        </tr>
        <tr>
            <!-- <td></td> -->
            <td>网点</td>
            <td>工商江苏南京业务处理中心</td>
            <!-- <td></td> -->
            <td>网点</td>
            <td>江苏徐州业务中心</td>
        </tr>
        <tr>
            <td height="25px" colspan="2">币种</td>
            <!-- <td></td> -->
            <td>人民币</td>
            <td height="25px" colspan="2">钞汇标志</td>
            <!-- <td></td> -->
            <td>钞票</td>
        </tr>
        <tr>
            <td height="25px" colspan="2">金额</td>
            <!-- <td></td> -->
            <td>1.00元</td>
            <td height="25px" colspan="2">手续费</td>
            <!-- <td></td> -->
            <td>0.57元</td>
        </tr>
        <tr>
            <td height="25px" colspan="2">合计</td>
            <!-- <td></td> -->
            <td height="25px" colspan="4">人民币(大写)∶壹圆整</td>
            <!-- <td></td> -->
            <!-- <td></td> -->
            <!-- <td></td> -->
        </tr>
        <tr>
            <td height="25px" colspan="2">交易时间</td>
            <!-- <td></td> -->
            <td><i>2017年6月1日</i></td>
            <td height="25px" colspan="2">时间戳</td>
            <!-- <td></td> -->
            <td><i>2017-06-01-13.00.00,00000</i></td>
        </tr>
    </table>
    <br>票据打印时间:2017-06-01 15:00:12</br>
    <s>票据打印单位:江苏徐州业务中心</s>
    <br>操作员:大曾</br>
</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>作业3</title>
</head>
<body>
    <h1><big>将进酒</big> 君不见黄河之水天上来</h1>
    <table>
        <tr>
            <td>
                 <img src="https://img2.baidu.com/it/u=1802855466,883597692&fm=253&fmt=auto&app=138&f=JPEG?w=474&h=600"
            </td>
            <td align="top">
                <br>君不见黄河之水天上来，奔流到海不复回。</br>
                <br>君不见高堂明镜悲白发，朝如青丝暮成雪。</br>
                <br>人生得意须尽欢,莫使金樽空对月。</br>
                <br>天生我材必有用，千金散尽还复来。</br>
                <br>烹羊宰牛且为乐,会须一饮三百杯。</br>
                <br>岑夫子，丹丘生,将进酒,杯莫停。</br>
                <br>与君歌一曲，请君为我侧耳听。</br>
                <br>钟鼓馕玉不足贵，但愿长醉不复醒。</br>
                <br>古来圣贤皆寂莫，惟有饮者留其名。</br>
                <br>。陈王昔时宴平乐，斗酒十千恣欢谑。</br>
                <br>主人何为言少钱，径须沽取对君酌。</br>
                <br>主人何为言少钱，径须沽取对君酌。</br>
                <br>五花马，千金裘，</br>
                <br>呼儿将出换美酒，与尔同销万古愁。</br>
            </td>
        </tr>
    </table>

    
</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>作业4</title>
</head>
<body>
    <h2>热门电影板块</h2>
    <hr>
    <pre><b>最新热门电影</b>   热门   最新   豆瓣高分   冷门佳片   华语   欧美   韩国   日本</pre>
    <hr>
    <table>
        <tr>
            <td><img src="https://img1.baidu.com/it/u=3341073021,3686725107&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1720458000&t=f927a43f527761cf69831b7ada6dc249" width="300px" height="400px"></td>
            <td><img src="https://img1.baidu.com/it/u=656345332,4133452912&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1720458000&t=9ea59effd06884c05a41309c601c5e32" width="300px" height="400px"></td>
            <td><img src="https://img0.baidu.com/it/u=2681493817,4236986180&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1720458000&t=43d57f5c554df7f1d077b179185f848e" width="300px" height="400px"></td>
            <td><img src="https://img0.baidu.com/it/u=3117645551,2848804578&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1720458000&t=b2c25e343cd0098132c32852165a6f52" width="300px" height="400px"></td>
        </tr>
        <tr>
            <td>你想活出怎样的人生</td>
            <td>NINE MOUTHS</td>
            <td>哥斯拉大战金刚2</td>
            <td>孤注一掷</td>
        </tr>
        <tr>
            <td><img src="https://img2.baidu.com/it/u=30210924,539752889&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=713"  width="300px" height="400px"></td>
            <td><img src="https://img1.baidu.com/it/u=688451075,166628720&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=713"  width="300px" height="400px"></td>
            <td><img src="https://img0.baidu.com/it/u=666564652,1556614858&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=1175"  width="300px" height="400px"></td>
            <td><img src="https://img2.baidu.com/it/u=1307833781,345514486&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1120"  width="300px" height="400px"></td>
        </tr>
        <tr>
            <td>功夫熊猫</td>
            <td>猩球崛起</td>
            <td>让子弹飞</td>
            <td>八角笼中</td>
        </tr>
    </table>
</body>
</html>

运行截图：

四宫辉夜.
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
表单练习HTML5
LaoXieyyds的博客
07-21 813
HTML5表单练习，基础部分
HTML初学者作业
weixin_53089473的博客
03-02 2344
HTML初学者第一课作业内容： 初学者理解浅薄，有错误在所难免，可以和楼主交流以助于及时改正 结合今天上课所讲内容，完成上传图片页面样式开发 要求如下: 1. 配色，背景图片根据自己喜好，上网查找素材。 header 和footer 地方，可以根据自己想法，设计美化一下 2. banner地方，可以点击跳转，点击后，新开网页跳转到百度吧 3. 表单项目，可以根据自己想法增加项目，元素需要增加2项以上check 4.作业成果物: 提交html资源的源码 遇到的困难： 1.表格table &lt.
html表单作业练习
努力的凤梨
05-29 2312
淘宝注册表 名字 姓氏 登录名 密码 再次输入密码 电子邮箱 性别 男 女 爱好 运动 聊天 玩游戏 出生日期 年 月 日 阅读淘宝网服务协议 淘宝平台：指包括淘宝网（域名为 ...
HTML基础入门练习
weixin_68047790的博客
10-30 524
HTML基础入门练习
HTML综合案例练习
moteandsunlight的博客
02-26 1202
可以首先看一下我们的效果，之后再思考怎么实现总的来说，这个练习不算难。这里关于这个简历的代码编写我们不说太多，只注意以下几个内容即可：注意及时查看我们的代码是否符合预期，即一段一段测基本信息那里的内容应该是普通文字，但是注意加换行符项目那里注意不同级别的划分功能介绍是二级的无序话不多说，直接看效果和源码！！ 二、简历内容填写 首先可以看一下我们最终的效果：接下来，我们思考怎么实现。这里由于这个练习代码相对更多，更琐碎，所以这里列了一个思维导图，帮助理解。 三、总结 关于HTML 总的来讲，html还是比较简
HTML课程导航作业,HTML&CSS基础_导航条练习
weixin_28745975的博客
06-07 627
2020.10.04主要内容：导航条练习/*清除默认样式*/*{margin: 0px;padding: 0px;}/*设置ul*/.nav{/*去除项目符号*/list-style: none;/*为ul设置一个背景颜色*/background-color: #6495ED;/*设置一个宽度*/width: 1000px;/*设置元素居中*/margin: 50px auto;/*解决高度塌陷*...
HTML简易网页练习
zhangmingxian1的博客
10-28 1402
例如：h1-h6，p，div(没有任何默认样式的块级元素，最常用的元素，不用特意清除默认样式)例如：b i u sub sup span(没有任何默认样式的行内元素)定义：在默认情况下，可以和其他行内元素在一行显示。3、在p标签中，不能嵌套其他的块级元素。定义：在默认情况下，独占一行的元素。4、p标签常用于页面中的纯文本。分割线可以用标签2、文字的尺寸依次减小。
HTML5-网页布局练习
weixin_68047790的博客
10-31 385
HTML5-网页布局练习。
7.27作业练习
xiaojiujiu111的博客
07-27 133
作业练习
html相关案例练习题
卓卓卓
10-16 1312
案例一 <!doctype html> <html> <head> <meta charset="utf-8"> <title>H5,200行代码实现粒子漩涡特效</title> <style> html, body { margin: 0px; width: 100%; height: 100%; overflow: hidden; background
本资源为网页设计HTML部分练习作业
09-07
本资源是针对网页设计HTML部分的练习作业，旨在帮助学习者深入理解和熟练运用HTML的基本元素和概念。 在HTML中，网页的结构由一系列的元素组成，每个元素都用标签（tag）来表示。这些标签分为开启标签和关闭标签，...
html/css练习作业摇晃的桃子
05-05
在本项目"html/css练习作业摇晃的桃子"中，我们可以看到这是一个关于HTML和CSS基础练习的大学作业。HTML（HyperText Markup Language）是网页内容的结构标准，而CSS（Cascading Style Sheets）则负责定义这些内容的...
HTML+CSS-练习作业-学成在线网站.zip
01-01
HTML+CSS_练习作业_学成在线网站HTML+CSS_练习作业_学成在线网站 HTML+CSS_练习作业_学成在线网站HTML+CSS_练习作业_学成在线网站 HTML+CSS_练习作业_学成在线网站HTML+CSS_练习作业_学成在线网站 HTML+CSS_练习作业...
HTML+CSS极简大学生作业作品练习
01-29
本作业练习旨在帮助学生掌握HTML（超文本标记语言）和CSS（层叠样式表）的核心概念，通过实践提升他们的网页设计技能。 在本作业中，学生需要完成以下几个关键部分： 1. **网址名称及宣传词**：这要求学生设计一个...
小米作业练习.HTML
07-03
小米作业练习.HTML
AWTK HTML View 控件更新
国产开源 GUI 引擎 AWTK
09-07 571
AWTK HTML View 控件基于 [Lite HTML](https://github.com/litehtml/litehtml) 实现，从最初的版本开始，3 年多过去了，Lite HTML 做了大量的更新，最近抽空将 AWTK HTML View 控件适配到最新版本的 Lite HTML，欢迎大家使用。
HTML 揭秘：HTML 编码快速入门
最新发布
m0_53117341的博客
09-09 649
HTML 揭秘：HTML 编码快速入门一 . 前端知识介绍二 . HTML 介绍三 . HTML 快速入门四 . HTML 编辑器 - VSCode4.1 插件安装4.2 修改主题配色4.3 修改快捷键4.4 设置自动保存4.5 创建 HTML 文件4.5 书写 HTML 代码4.6 常见快捷键五 . 基础标签5.1 字体标签5.1.1 color 属性5.1.2 size 属性5.1.3 face 属性5.2 i 标签、b 标签5.3 hr 标签5.4 br 标签5.5 center 标签5.6 练习5.
HTML、CSS实现树状图
p_s_p的博客
09-09 248
【代码】HTML、CSS实现树状图。
HTML常用特殊字符列表
m0_64036296的博客
09-09 141
这些字符实体能帮助你在HTML中准确表示需要的符号，无论它们是特殊符号还是货币、数学运算符号等。
c语言程序设计基础作业练习系统
05-19
您需要一个C语言程序设计基础作业练习系统，可以通过以下步骤来设计实现： 1. 确定系统需求：确定系统的功能需求，例如：提供题库、自动批改、学生管理等。 2. 设计数据库：根据系统需求，设计相应的数据库结构，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值