web前端第一次作业

最新推荐文章于 2024-08-09 10:42:44 发布
最新推荐文章于 2024-08-09 10:42:44 发布
阅读量222 收藏
点赞数 2
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jie_17/article/details/140274934
版权

作业1：

代码 ：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业1.1</title>
</head>
<body>
    <table border="1" cellspacing="0" cellpadding="1">
        <tr>
            <th align="center" bgcolor="gray" colspan="2">用户注册</th>
        </tr>
        <tr>
            <td align="right">用户名</td>
            <td><input type="text" name="username" maxlength="20"></td>
        </tr>
        <tr>
            <td align="right">密码</td>
            <td><input type="password" name="userpass" maxlength="20"> </td>
        </tr>
        <tr>
            <td align="right">性别</td>
            <td>
                <label><input type="radio" name="sex" value="男" checked>男</label>
                <label><input type="radio" name="sex" value="女">女</label>
            </td> 
        </tr>
        <tr>
            <td align="right">爱好</td>
            <td>
                <label><input type="checkbox" name="like" value="写作">写作</label>
                <label><input type="checkbox" name="like" value="听音乐">听音乐</label>
                <label><input type="checkbox" name="like" value="体育">体育</label>
            </td>
        </tr>
        <tr>
            <td align="right">省份</td>
            <td>
                <select name="province" id="">
                    <option value="shaanxi" selected>陕西省</option>
                    </lable><option value="shanx">山西省</option>
                </select>
            </td>
        </tr>
        <tr>
            <td align="right">自我介绍</td>
            <td>
                <textarea name="intro" id="" cols="25" rows="5">这个家伙什么也没留下</textarea>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center" bgcolor="gray">
                <input type="submit" name="send">
                <input type="reset" name="reset" id="">
            </td>
        </tr>
    </table>
</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>作业1.2</title>
</head>
<body>
    <table border="1" width="900px" cellspacing="0">
        <h1>工商银行电子汇款单</h1>
        <tr>
            <td colspan="4"><strong>回单类型</strong></td>
            <td colspan="8">网上汇款转账</td>
            <td colspan="4"><strong>指令序号</strong></td>
            <td colspan="8">HQH0000000000000013878172</td>
        </tr>
        <tr>
            <td rowspan="4" colspan="1">
                <strong>
                    收<br>
                    款<br>
                    人<br>
                </strong>
            </td>
            <td colspan="3">户名</td>
            <td colspan="8">老牟</td>
            <td colspan="1" rowspan="4">
                <strong>
                    付<br>
                    款<br>
                    人<br>
                </strong>
            </td>
            <td colspan="3">户名</td>
            <td colspan="8">老刘</td>
        </tr>
        <tr>
            <td colspan="3"><strong>卡号</strong></td>
            <td colspan="8">000000000001</td>
            <td colspan="3"><strong>卡号</strong></td>
            <td colspan="8">000000000002</td>
        </tr>
        <tr>
            <td colspan="3">地区</td>
            <td colspan="8">南京</td>
            <td colspan="3">地区</td>
            <td colspan="8">杭州</td>
        </tr>
        <tr>
            <td colspan="3"><strong>网点</strong></td>
            <td colspan="8">工商江苏南京业务处理中心</td>
            <td colspan="3"><strong>网点</strong></td>
            <td colspan="8">江苏徐州业务中心</td>
        </tr>
        <tr>
            <td colspan="4"><strong>币种</strong></td>
            <td colspan="8">人民币</td>
            <td colspan="4"><strong>钞汇标志</strong></td>
            <td colspan="8">钞票</td>
        </tr>
        <tr>
            <td colspan="4"><strong>金额</strong></td>
            <td colspan="8">1.00元</td>
            <td colspan="4"><strong>手续费</strong></td>
            <td colspan="8">0.57元</td>
        </tr>
        <tr>
            <td colspan="4"><strong>合计</strong></td>
            <td colspan="20">人民币(大写):壹圆整</td>
        </tr>
        <tr>
            <td colspan="4"><strong>交易时间</strong></td>
            <td colspan="8">2017年6月1日</td>
            <td colspan="4"><strong>时间戳</strong></td>
            <td colspan="8">2017.05-01-13.00.00,00000</td>
        </tr>
    </table>
    <p>票据打印时间:2017-06-01 15:00:12</p>
    <p><del>票据打印单位：江苏徐州业务中心</del></p>
    <p>操作员:大曾 <br></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>李白诗词</title>
    <style>
        h1,h2{
            display: inline-block;
        }
    </style>
</head>
<body>
    <h1>将进酒</h1>&nbsp;&nbsp;&nbsp;<h2>君不见黄河之水天上来</h2> <br>
    <table>
        <tr>
            <td align="left"><img src="./李白.png" alt=""></td>
            <td align="centle">
                <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>
</html>

运行结果：

作业4：

 

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业1.4</title>
</head>
<body>
    <table>
        <h1>热门电影板块</h1>
        <hr size="2" color="black" width="600px" align="left">
        <pre><strong>最近热门电影</strong>     热门  最新  豆瓣高分   冷门佳片   华语  欧美  韩国  日本        更多>></pre>
        <hr size="2" color="black" width="600px" align="left">
        <tr>
            <td><img src="./猜火车.png" alt="" width="150px" height="200px"></td>
            <td><img src="./贝尔.png" alt="" width="150px" height="200px"></td>
            <td><img src="./加州.png" alt="" width="150px" height="200px"></td>
            <td><img src="./歌声.png" alt="" width="150px" height="200px"></td>
        </tr>
        <tr>
            <td>猜火车 8.1</td>
            <td>贝尔科实验 6.0</td>
            <td>加州公路警察 6.8</td>
            <td>歌声不绝 6.3</td>
        </tr>
        <tr>
            <td><img src="./明日.png" alt="" width="150px" height="200px"></td>
            <td><img src="./速8.png" alt="" width="150px" height="200px"></td>
            <td><img src="./极速.png" alt="" width="150px" height="200px"></td>
            <td><img src="./金刚狼.png" alt="" width="150px" height="200px"></td>
        </tr>
        <tr>
            <td>明日的我与昨日的我</td>
            <td>速度与激情8</td>
            <td>极速特工</td>
            <td>金刚狼3:殊死一战</td>
        </tr>
    </table>
</body>
</html>

运行结果：

 

 

 

 

Jie_17
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
web前端 第一次作业
qq_68389880的博客
10-28 448
web，html，部分基本标签概述
Web前端第一次作业
weixin_68608008的博客
10-24 404
Web前端第一次作业
Web前端第一次作业--电子汇款单练习
m0_75208155的博客
06-06 161
【代码】Web前端第一次作业--电子汇款单练习。
web前端html5网页作业,Web前端开发第一次作业
weixin_39957027的博客
06-21 767
(1)分别说出什么是HTML,XHTML,HTML5HTML为一种超文本标记语言,用这种语言浏览器几乎都能识别.独立于各种操作系统平台.XHTML为一种可扩展超文本标记语言,表现方式于超文本标记语言类似,不过语法比较严格.HTML5是用于取代HTMLH和XHTML的一个标准版本.(2)写出HTML的语法语法不区分字母大小写。(3)HTML中的注释和CSS中的注释HTML的注释:CSS注释:(4)C...
Web前端第四次作业
m0_75208155的博客
06-25 330
【代码】Web前端第四次作业。
Web前端第三次作业
shayell的博客
07-22 121
【代码】Web前端第三次作业。
web前端期末大作业（附有源码）
m0_74087268的博客
12-28 9591
这里使用的是Visual Studio Code（VSCode）设计的Web前端作业，包括了HTML、CSS和JavaScript。选用VSCode作为开发环境和工具来说有诸多优势之处，也给设计前端时带来了诸多益处。首先，是VSCode智能代码提示和补全。VSCode具备强大的代码提示功能，能够根据输入和上下文提供智能建议，减少拼写错误和语法问题，提高编码效率。其次，VSCode拥有丰富的扩展生态系统。
WEB前端——JS第一次作业
weixin_71169037的博客
03-22 102
WEB前端——JS第一次作业
Web前端技术第二次作业
Tmg3202915143的博客
11-12 340
html
我的第一次web前端作业
03-09
我的第一次web前端作业
web第二次作业.zip 表单设计，web前端
11-01
"web第二次作业.zip"这个压缩包文件似乎包含了关于Web前端开发中表单设计的学习资料，具体分为三个部分：2_files、1_files和电影网_files。下面将对这些知识点进行详细解释。 1. **HTML表单基础**： HTML表单是...
horiseonhmwk:第一次作业
05-23
本周的作业涉及Web开发的一个非常重要的方面：可访问性。 前端和初级开发人员最常见的任务之一是采用现有代码并对其进行重构（记得重构代码就是在不更改其功能的情况下对其进行改进），以符合特定的标准集或实施一...
第⼆次作业1
08-03
在本次的第二次作业中，我们关注的是一个基于Spring框架构建的微服务系统，其中包括User Service、Admin Service以及Eureka Server。这些组件共同协作，实现了用户管理功能，包括用户注册、验证以及服务之间的通信。...
ebook-shop:javaEE 第一次作业
04-08
在本项目"ebook-shop:javaEE 第一次作业"中，我们主要关注的是基于JavaEE技术栈开发的一个在线电子书商店。JavaEE（Java Platform, Enterprise Edition）是Oracle公司提供的一个用于开发企业级应用程序的平台，它...
ASP.NET Core Web API 使用Autofac框架
鲤籽鲲的博客
08-08 383
ASP.NET Core Web API 使用Autofac框架
略记一次抓取内容后解密及登录的经历
最新发布
深蓝浅蓝的天
08-09 803
从我这个不专业的爬虫工程师来看，爬虫工作是比较看耐心的，尤其是登录和其他的破解环节，一定要相信，从理论上来破的东西，它确实就能破，但确实太考验耐心了。最后再拿下登录返回的token，准备一台手机，自动接收验证码，然后启一个接受短信的服务存到redis，至此登录、请求接口、解密数据全部完成。，key是接口有返回的，但iv对方网站就隐藏的很好，除了这个iv，其他的问题都解决了，加密字符串也成功解密。尤其是解密的代码，调用栈太长了，我水平不够，整整看了2天，才从这种代码中找出了它主要的解密方式，
前端面试宝典【CSS篇】【4】
BDawn的专栏
08-06 542
盒子模型是 CSS 中用于描述 HTML 元素布局方式的一个概念。在 CSS 中，每个元素都被视为一个矩形盒子，这个盒子由几个不同的部分组成：内容区（content）、内边距（padding）、边框（border）和外边距（margin）。 box-sizing 属性是 CSS 中的一个重要属性，它用于定义元素的盒模型是如何工作的。 CSS Sprites（也称为 CSS 精灵或 CSS 雪碧图）是一种优化网页性能的技术，它将多个小图像合并成一个单一的大图像文件
vue实现PC端图片放大缩小可鼠标拖动，鼠标滚轮控制放大缩小完整代码付效果图
a_靖的博客
08-07 263
vue实现放大缩小，拖动盒子完整代码付效果图
简单web前端开发技术大作业
12-11
我选择了一个简单的web前端开发技术大作业，通过本次作业我学习了HTML、CSS、JavaScript等相关技术，并且熟悉了常用的前端开发工具和框架。在这个大作业中，我设计了一个简单的网页页面，实现了页面网格布局、CSS...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值