HTML作业1

已于 2023-12-14 17:19:46 修改
阅读量340 收藏 6
点赞数 8
文章标签： html 前端 javascript
于 2023-12-14 16:57:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51502737/article/details/134999448
版权

一、用户注册

要求：

  1. 用户名为文本框，名称为 UserName，长度为 15，最大字符数为 20。

  2. 密码为密码框，名称为 UserPass，长度为 15，最大字符数为 20。

  3. 性别为两个单选按钮，名称为 sex，值分别为男和女，男默认选中。

  4. 爱好是三个多选按钮，名称为 like，值分别为写作、听音乐、体育。

  5. 省份为下拉框，名称为 province，选项的键-值对为 Key:陕西省，value:shaanxi ；Key:山西省，value:shanx；陕西省默认选中。

  6. 自我介绍为多行文本框，名称为 intro，宽 25，高 5，默认值为“这个家伙什么也没留下”。

  7. 提交按钮，名称为“send”，标签为“提交”。

  8. 重置按钮，名称为“reset”，标签为“重置”。

  9. 参照图使用表格定位表单。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
</head>
<body>
    <form>
          <table>
            <tr>
              <td>用户名：</td>
              <td><input type="text" name="UserName" maxlength="20" size="15"></td>
            </tr>
            <tr>
              <td>密码：</td>
              <td><input type="password" name="UserPass" maxlength="20" size="15"></td>
            </tr>
            <tr>
              <td>性别：</td>
              <td>
                <input type="radio" name="sex" value="男" checked>男
                <input type="radio" name="sex" value="女">女
              </td>
            </tr>
            <tr>
              <td>爱好：</td>
              <td>
                <input type="checkbox" name="like" value="写作">写作
                <input type="checkbox" name="like" value="听音乐">听音乐
                <input type="checkbox" name="like" value="体育">体育
              </td>
            </tr>
            <tr>
              <td>省份：</td>
              <td>
                <select name="province">
                  <option value="shaanxi" selected>陕西省</option>
                  <option value="shanxi">山西省</option>
                </select>
              </td>
            </tr>
            <tr>
              <td>自我介绍：</td>
              <td>
                <textarea name="intro" rows="5" cols="25">这个家伙什么也没留下</textarea>
              </td>
            </tr>
            <tr>
              <td colspan="2" align="center">
                <input type="submit" name="send" value="提交">
                <input type="reset" name="reset" value="重置">
              </td>
            </tr>
          </table>
    </form>
</body>
</html>

 

二、工商银行电子汇款单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>工商银行电子汇款单</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        table {
            border-collapse: collapse;
            width: 100%;
            margin-top: 20px;
        }
        table, th, td {
            border: 1px solid black;
            padding: 10px;
        }
        th {
            font-weight: bold;
        }
        td {
            vertical-align: top;
        }
        td[rowspan], td[colspan] {
            font-weight: bold;
        }
        p {
            margin-top: 5px;
        }
    </style>
</head>
<body>
    <h1>工商银行电子汇款单</h1>
    <table>
        <tr>
            <td colspan="2"><b>回单类型</b></td>
            <td>网上转账汇款</td>
            <td colspan="2"><b>指令序号</b></td>
            <td>HQH0000000000000013878172</td>
        </tr>
        <tr>
            <td rowspan="4"><b>收款人</b></td>
            <td>户名</td>
            <td>老牟</td>
            <td rowspan="4"><b>付款人</b></td>
            <td>户名</td>
            <td>老刘</td>
        </tr>
        <tr>
            <td><b>卡号</b></td>
            <td>000000000001</td>
            <td><b>卡号</b></td>
            <td>000000000002</td>
        </tr>
        <tr>
            <td>地区</td>
            <td>南京</td>
            <td>地区</td>
            <td>杭州</td>
        </tr>
        <tr>
            <td><b>网点</b></td>
            <td>工商江苏南京业务处理中心</td>
            <td><b>网点</b></td>
            <td>江苏徐州业务中心</td>
        </tr>
        <tr>
            <td colspan="2"><b>币种</b></td>
            <td>人民币</td>
            <td colspan="2"><b>钞汇标志</b></td>
            <td><u>钞票</u></td>
        </tr>
        <tr>
            <td colspan="2"><b>金额</b></td>
            <td>1.00元</td>
            <td colspan="2"><b>手续费</b></td>
            <td>0.57元</td>
        </tr>
        <tr>
            <td colspan="2"><b>合计</b></td>
            <td colspan="4">人民币（大写）：壹圆整</td>
        </tr>
        <tr>
            <td colspan="2"><b>交易时间</b></td>
            <td><i>2017年6月1日</i></td>
            <td colspan="2"><b>时间戳</b></td>
            <td><i>2017-06-01-13.00.00。00000</i></td>
        </tr>
    </table>
    <p>票据打印时间：2017-06-01 15:00:12</p >
    <p><del>票据打印单位：江苏徐州业务中心</del></p >
    <p>操作员：大曾</p >
</body>
</html>

三、李白

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>李白</title>
</head>
<body>
    <h1>将进酒 <small>君不见黄河之水天上来</small></h1>
    <table>
        <tr>
            <td>
                <img src="李白.jpg" alt="这是李白" width="280" height="500">
            </td>
            <td>
                <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>
            </td>
        </tr>
    </table>
</body>

 

欸嘿aq
关注
  • 8
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML作业
qq_42447899的博客
07-29 1305
HTML作业 1.开发环境搭建。编辑器安装好插件，列出经常使用的快捷键（编辑器，浏览器，切换页面等）。浏览器会使用审查元素等功能。 Ctrl+C复制，Ctrl+A全选，Ctrl+V粘贴 Shift+Delete永久删除，Ctrl+z撤销上一步 Ctrl+Esc显示开始菜单，WIN+F1显示Windows帮助 WIN+U打开工具管理器，win+D立即返回桌面 Ctrl+F查找，windows+d关闭当前界面 windows+f弹出组合框速度进行文件夹的检索 windows+e快速打开文件资源管理器 Alt+t
HTML上机练习1
qq_36074043的博客
10-16 1153
百度音乐标签页面 .text { font-size: 36px; font-weight: bold; } .wsy { font-weight: bold; color: #C00; } .sll { font-family: "宋体"; font-size: 12px; } .lb { font-family: "宋体"; font-size: 12px; line-he
大学生静态网页设计期末作业蛋糕店主题静态网页大作业HTML源码.zip
06-18
大学生静态网页设计期末作业蛋糕店主题静态网页大作业html源码。 网页设计期末大作业，静态网页，HTML，大学生期末必过项目，95分以上，代码含有注释，亲自操作就可以搞定期末作业啦 大学生静态网页设计期末作业蛋糕店主题静态网页大作业html源码。 网页设计期末大作业，静态网页，HTML，大学生期末必过项目，95分以上，代码含有注释，亲自操作就可以搞定期末作业啦。排版布局参考蛋糕店网页界面 大学生静态网页设计期末作业蛋糕店主题静态网页大作业html源码。 网页设计期末大作业，静态网页，HTML，大学生期末必过项目，95分以上，代码含有注释，亲自操作就可以搞定期末作业啦。排版布局参考蛋糕店网页界面
html网页设计小作业(个人主页)
m0_53415522的博客
11-08 6万+
简易的个人网页小作业，只用了html+css 布局制作，没啥好说的，直接上图！！！
大学生HTML期末大作业——HTML+CSS+JavaScript人物明星（周杰伦）
最新发布
...
06-20 4264
HTML+CSS+JS【人物网站】网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
一个简单的网页设计HTML5作业
热门推荐
好好读书
06-26 9万+
简单的html设计作业，初次学习，希望指正！
学生个人单页面网页作业 学生网页设计成品 静态HTML网页单页制作 dreamweaver网页设计与制作代码 web前端期末大作业
HTML网页设计
07-26 1万+
1网页简介此作品为学生个人主页网页设计题材，学生个人单页面网页作业学生网页设计成品静态HTML网页单页制作dreamweaver网页设计与制作代码web前端期末大作业2.网页编辑等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用技术方面主要应用了网页知识中的Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了Logo（源文件）所需的知识点。一套合格的网页应该包含(具体可根据个人要求而定)...
前端练手
qq_51779101的博客
05-17 1433
华阴老腔介绍 主页和爱好者页注册 主页图片 主页代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=
HTML大作业源码
12-30
1. **基础结构**：每个HTML文件以`<!DOCTYPE html>`开头，声明文档类型为HTML5。接着是`<html>`标签，它是整个HTML文档的根元素。在`<html>`标签内部，有`<head>`和`<body>`两个主要部分。`<head>`包含元数据，如...
HTML静态网页作业
02-15
1. **HTML基本结构**：HTML文档通常由三部分组成：文档声明、头部元素和主体元素。文档声明如`<!DOCTYPE html>`指明文档类型，头部元素`<head>`包含元信息，如标题、字符编码等，主体元素`<body>`则包含页面的可见...
HTML期末大作业
11-24
这个“HTML期末大作业”显然涵盖了HTML的基础知识和应用技巧，对于学习者来说，无论是完成作业还是自我提升，都是一个宝贵的资源。 HTML的基本结构通常包括头部（head）和主体（body）。头部主要存放元数据，如页面...
html期末大作业
12-18
在这个“html期末大作业”中，我们可以推测这是一个学生或学习者为了完成课程要求，练习并展示了他们对HTML的理解和应用。这个作业可能包含了多个页面，每个页面都是一个独立的HTML文档，通过链接相互连接，形成一个...
作业1.html
03-05
作业1.html
html简单网页代码：大一作业HTML网页作业：中华传统文化题材网页设计5页（纯html+css实现）
qq3200628753的博客
12-17 523
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒...
HTML初学者作业
weixin_53089473的博客
03-02 2287
HTML初学者第一课作业内容： 初学者理解浅薄，有错误在所难免，可以和楼主交流以助于及时改正 结合今天上课所讲内容，完成上传图片页面样式开发 要求如下: 1. 配色，背景图片根据自己喜好，上网查找素材。 header 和footer 地方，可以根据自己想法，设计美化一下 2. banner地方，可以点击跳转，点击后，新开网页跳转到百度吧 3. 表单项目，可以根据自己想法增加项目，元素需要增加2项以上check 4.作业成果物: 提交html资源的源码 遇到的困难： 1.表格table &lt.
HTML静态网页作业(HTML+CSS)——外卖平台主题网页设计制作(8个页面)
weixin_42283461的博客
02-05 6156
学生静态网页作业--外卖平台网页设计（8页）
【HTML5期末大作业】制作一个简单HTML我的班级网页（HTML+CSS+JS）
HTML网页设计
08-05 6347
🏫 校园班级网页设计 、👨‍🎓我的班级网页、我的学校、👩‍🎓校园社团、校园运动会、等网站的设计与制作。🏷️HTML我的班级网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站......
HTML期末大作业 ~ 凤阳智慧旅游官方旗舰店(我的家乡)网页设计作业成品(HTML+CSS+JavaScript)
七夕情人节表白网页代码100款 HTML5网页设计与制作1120款 Echarts大屏数据150款
06-30 6970
HTML期末大作业 ~ (我的家乡)大学生旅游网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~ 原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，~这是一个不错的网页制作，画面精明，非常适合初学者学习使用。 作品介
html作业源码分享
04-23
当然，我可以给你介绍一下HTML作业源码分享。HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。下面是一个简单的HTML作业源码示例： ```html <!DOCTYPE html> <html> 我的作业 欢迎来到我的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值