html作业练习

最新推荐文章于 2024-11-03 19:27:37 发布
最新推荐文章于 2024-11-03 19:27:37 发布
阅读量141 收藏
点赞数 2
文章标签： html javascript 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_81759628/article/details/140281939
版权

作业二：

代码：

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

运行截图

作业三：

代码

<!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=1704858658,923420059&fm=253&fmt=auto&app=138&f=JPEG?w=253&h=500">
            </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>

运行结果：

作业四：

代码：

<!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://img2.baidu.com/it/u=10961055,3184083664&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=692" width="300px" height="400px"></td>
            <td><img src="https://5b0988e595225.cdn.sohucs.com/images/20190711/ef98c43e130642b389116f5877bad795.jpeg" width="300px" height="400px"></td>
            <td><img src="https://img2.baidu.com/it/u=360352055,2874009952&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=707" width="300px" height="400px"></td>
            <td><img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fci.xiaohongshu.com%2F951f80ee-5b29-dd6a-f4a8-195c4e3983aa%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fci.xiaohongshu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1723050213&t=9ea2ed0ef252e689a728f68953d86bbf" width="300px" height="400px"></td>
        </tr>
        <tr>
            <td>千与千寻</td>
            <td>龙猫</td>
            <td>你的名字</td>
            <td>天气之子</td>
        </tr>
        <tr>
            <td><img src="https://img1.baidu.com/it/u=3723205990,903984617&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889"  width="300px" height="400px"></td>
            <td><img src="https://uploadfile.bizhizu.cn/up/3f/75/a0/3f75a09f2e364a5c368f94a31d9536f7.jpg.source.jpg"  width="300px" height="400px"></td>
            <td><img src="https://img.zcool.cn/community/01ddb05aa626fea80121246dba5684.jpg@1280w_1l_2o_100sh.jpg"  width="300px" height="400px"></td>
            <td><img src="https://img0.baidu.com/it/u=3129227277,3027337646&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=701"  width="300px" height="400px"></td>
        </tr>
        <tr>
            <td>唐人街探案3</td>
            <td>星际穿越</td>
            <td>红海行动</td>
            <td>长津湖·水门桥</td>
        </tr>
    </table>
</body>
</html>

运行结果

归叶再无青
关注
html表单作业练习
努力的凤梨
05-29 2357
淘宝注册表 名字 姓氏 登录名 密码 再次输入密码 电子邮箱 性别 男 女 爱好 运动 聊天 玩游戏 出生日期 年 月 日 阅读淘宝网服务协议 淘宝平台：指包括淘宝网（域名为 ...
HTML基础入门练习
weixin_68047790的博客
10-30 552
HTML基础入门练习
HTML综合案例练习
moteandsunlight的博客
02-26 1259
可以首先看一下我们的效果，之后再思考怎么实现总的来说，这个练习不算难。这里关于这个简历的代码编写我们不说太多，只注意以下几个内容即可：注意及时查看我们的代码是否符合预期，即一段一段测基本信息那里的内容应该是普通文字，但是注意加换行符项目那里注意不同级别的划分功能介绍是二级的无序话不多说，直接看效果和源码！！ 二、简历内容填写 首先可以看一下我们最终的效果：接下来，我们思考怎么实现。这里由于这个练习代码相对更多，更琐碎，所以这里列了一个思维导图，帮助理解。 三、总结 关于HTML 总的来讲，html还是比较简
HTML课程导航作业,HTML&CSS基础_导航条练习
weixin_28745975的博客
06-07 662
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 1494
例如：h1-h6，p，div(没有任何默认样式的块级元素，最常用的元素，不用特意清除默认样式)例如：b i u sub sup span(没有任何默认样式的行内元素)定义：在默认情况下，可以和其他行内元素在一行显示。3、在p标签中，不能嵌套其他的块级元素。定义：在默认情况下，独占一行的元素。4、p标签常用于页面中的纯文本。分割线可以用标签2、文字的尺寸依次减小。
HTML 常用标签及练习
weixin_51559599的博客
10-17 898
head中的内容不显示到页面上标签说明定义网页的标题定义网页的基本信息（供搜索引擎）定义CSS样式链接外部CSS文件或脚本文件定义脚本语言定义页面所有链接的基础定位（用得很少）盒模型是HTML 中，重要的一种模型，所有的元素（标签）都可以看做是一个盒子，拥有外边距边框内边距内容。marginborderpaddingcontent居中，相对于父元素居中，是相对的概念。
表单练习HTML5
LaoXieyyds的博客
07-21 862
HTML5表单练习，基础部分
HTML5-网页布局练习
weixin_68047790的博客
10-31 422
HTML5-网页布局练习。
HTML初学者作业
weixin_53089473的博客
03-02 2399
HTML初学者第一课作业内容： 初学者理解浅薄，有错误在所难免，可以和楼主交流以助于及时改正 结合今天上课所讲内容，完成上传图片页面样式开发 要求如下: 1. 配色，背景图片根据自己喜好，上网查找素材。 header 和footer 地方，可以根据自己想法，设计美化一下 2. banner地方，可以点击跳转，点击后，新开网页跳转到百度吧 3. 表单项目，可以根据自己想法增加项目，元素需要增加2项以上check 4.作业成果物: 提交html资源的源码 遇到的困难： 1.表格table &lt.
7.27作业练习
xiaojiujiu111的博客
07-27 163
作业练习
本资源为网页设计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
07-03
小米作业练习.HTML
HTML+CSS极简大学生作业作品练习
01-29
本作业练习旨在帮助学生掌握HTML（超文本标记语言）和CSS（层叠样式表）的核心概念，通过实践提升他们的网页设计技能。 在本作业中，学生需要完成以下几个关键部分： 1. **网址名称及宣传词**：这要求学生设计一个...
HTML 基础标签——元数据标签 ＜meta＞
Allen-
11-01 477
标签通常位于文档的部分。它用于定义文档的元数据，包括字符编码、文档描述、关键字、作者信息等。这些信息可以帮助浏览器正确解析和显示文档，同时还可以提供搜索引擎索引所需的信息。
HTML前端页面设计静态网站-仿百度
2402_86955314的博客
11-02 477
浅浅分享一下前端作业，大佬轻喷~
HTML 块级元素和内联（行内）元素详解
最新发布
Allen-
11-03 143
块级元素是页面中的结构元素，它们独占一行，通常用于搭建页面的主要框架，如段落、容器、标题等。它们无论其内容多少，都会占据父元素的整个宽度。这种特性使得块级元素特别适合用于页面的整体布局和内容的分区组织。内联元素是页面中用于**修饰或嵌入小块内容的元素，它们不会独占一行，可以与其他内联元素或文本同行显示，因此也叫行内元素
HTML 标签属性——id、class、style 等全局属性详解
Allen-
11-02 330
HTML全局属性是一组可以应用于几乎所有HTML元素的特殊属性。这些属性提供了额外的功能和信息，使得网页开发者能够更好地控制元素的行为、样式和可访问性。
AJ的html网页前端作业——学生练习项目
资源摘要信息:"AJ作业-最新_AJ的html网页前端作业" 知识点一：HTML基础知识 HTML（HyperText Markup Language）是构成网页内容的主要标记语言。它使用一系列预定义的标签来定义网页的各个部分，例如段落、标题、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值