前端第一次作业

最新推荐文章于 2024-06-12 10:16:35 发布
最新推荐文章于 2024-06-12 10:16:35 发布
阅读量898 收藏 26
点赞数 21
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liyuanxiaocilang/article/details/135533894
版权

1.用户注册

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

    <table width="300 " border="1" cellspacing="1">

        <form action="#" method="get">

        <tr>

            <td colspan="5" align="center" width="2">用户注册</td>

        </tr>

        <tr>

            <td align="right" colspan="2">用户名</td>

            <td colspan="3">

                    <input type="text" name="name" placeholder="用户名">

            </td>

        </tr>

        <tr>

            <td align="right" colspan="2">密码</td>

            <td colspan="3">

                    <input type="password" name="password" placeholder="密码">

        </tr>

        <tr>

            <td align="right" colspan="2">性别</td>

            <td colspan="3">

                    <input type="radio" name="gender" value="男"> 男 <input type="radio" name="gender" value="女"> 女

        </tr>

        <tr>

            <td align="right" colspan="2">爱好</td>

            <td colspan="3">

                    <input type="checkbox" name="hooby" value="看书" checked> 看书 <input type="checkbox" name="hooby" value="写作" checked> 写作

                    <input type="checkbox" name="hooby" value="听音乐" checked> 听音乐 <input type="checkbox" name="hooby" value="体育" checked> 体育

        </tr>

        <tr>

            <td align="right" colspan="2">省份</td>

            <td colspan="3">                

                  <select name="city">

                    <option value="山西省">山西省</option>

                    <option  selected value="陕西省">陕西省</option>

                    <option value="河南省">河南省</option>

                    <option value="江西省">江西省</option>

                    <option value="北京市">北京市</option>

                  </select>

            </td>

        </tr>

        <tr>

            <td align="right" colspan="2">自我介绍</td>

            <td colspan="3">                

                    <textarea name="content" id="" cols="35" rows="8" placeholder="请自我介绍"></textarea>

            </td>  

        </tr>

        <tr>

            <td colspan="5">

        <input type="submit" name="提交">

        <input type="reset" name="重置">

            </td>

        </tr>

    </form>

    </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>将近酒</title>

</head>

<body>

    <table width="700" cellspacing="5">

        <tr>

            <td width="100" align="left">

                <h1>将进酒</h1>

            </td>  

            <td colspan="5">

                <h2>君不见黄河之水天上来</h2>

            </td>

        </tr>

        <tr>

            <td colspan="3"><img src="libai.jpg" width="370" ></td>

            <td colspan="4">

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

运行结果：

3.工商银行电子汇款

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

    <h1>工商银行电子汇款</h1>

    <table width="700" border="2" cellspacing="1">

        <tr>

            <td colspan="2"><b>回单类型</b></td>

            <td colspan="2">网上转款汇款</td>

            <td colspan="2"><b>指令序号</b></td>

            <td colspan="3">HQH0000000000000013878172</td>

        </tr>

        <tr>

            <td rowspan="4" width="10"><b>收款人</b></td>

            <td>户名</td>

            <td colspan="2">老牟</td>

            <td rowspan="4" width="10"><b>付款人</b></td>

            <td>户名</td>

            <td colspan="3">老刘</td>

        </tr>

        <tr>

            <td><b>卡号</b></td>

            <td colspan="2">000000000001</td>

            <td><b>卡号</b></td>

            <td colspan="3">000000000002</td>

        </tr>

        <tr>

            <td>地区</td>

            <td colspan="2">南京</td>

            <td>地区</td>

            <td colspan="3">杭州</td>

        </tr>

        <tr>

            <td><b>网点</b></td>

            <td colspan="2">工商江苏南京业务处理中心</td>

            <td><b>网点</b></td>

            <td colspan="3">江苏徐州业务中心</td>

        </tr>

        <tr>

            <td colspan="2"><b>币种</b></td>

            <td colspan="2">b人民币</td>

            <td colspan="2">钞汇标志</td>

            <td colspan="3">钞票</td>

        </tr>

        <tr>

            <td colspan="2"><b>金额</b></td>

            <td colspan="2">1.00元</td>

            <td colspan="2">手续费</td>

            <td colspan="3">0.57元</td>

        </tr>

        <tr>

            <td colspan="2"><b>合计</b></td>

            <td colspan="7">人民币( 大写 ) : &nbsp;壹圆整</td>

        </tr>

        <tr>

            <td colspan="2"><b>交易时间</b></td>

            <td colspan="2"><em>2017年6月1日</em></td>

            <td colspan="2"><b>时间戳</b></td>

            <td colspan="3"><em>2017-06-01-13.00.00.00000</em></td>

        </tr>

    </table>

    <p>票据打印时间 : 2017-06-01 15:00:12</p>

    <del>票据打印单位 : 江苏徐州业务中心</del>

    <p>操作员 : 大曾</p>

</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>热门电影模板</title>

</head>

<body>

    <table width="100%" >

        <tr>

            <td colspan="4">

                <h2>热门电影模块</h2>

            </td>

        </tr>

        <tr>

            <td colspan="4" >

                <hr width="100%" size="2" >

                <b>最近热门电影</b>

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                热门&nbsp;&nbsp;&nbsp;&nbsp;最新&nbsp;&nbsp;&nbsp;&nbsp;豆瓣高分

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                冷门佳片&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                华语&nbsp;&nbsp;&nbsp;&nbsp;欧美&nbsp;&nbsp;&nbsp;&nbsp;韩国&nbsp;&nbsp;&nbsp;&nbsp;日本

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;更多>>

                <hr width="100%" size="2">

            </td>

        </tr>

        <tr>

            <td><img src="寒战.jpg" width="260"></td>

            <td><img src="影.jpg" width="244"></td>

            <td><img src="教父.jpg" width="250"></td>

            <td><img src="金刚狼.jpg" width="270"></td>

        </tr>

        <tr>

            <td>寒战 7.6</td>

            <td>影 6.4</td>

            <td>教父 9.5</td>

            <td>金刚狼 8.7</td>

        </tr>

        <tr>

            <td><img src="红海行动.jpg" width="260"></td>

            <td><img src="唐人街探案3.jpg" width="260"></td>

            <td><img src="英雄.jpg" width="260"></td>

            <td><img src="让子弹飞.jpg" width="250"></td>

        </tr>

        <tr>

            <td>红海行动 8.6</td>

            <td>唐人街探案3 7.5</td>

            <td>英雄 8.5</td>

            <td>让子弹飞 9.4</td>

    </table>

</body>

</html>

运行结果：

雷柏年
关注
  • 21
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web第一次作业复习准备
grandniu的博客
09-29 9898
一、填空题 1.Web标准是一系列标准的集合，主要包括结构、表现和结构。 2.HTML中文译为超文本标记语言，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。 3.HTML语言主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。 4.网页的根标记是html，主体标记是body，标题标记是title。 要用尖括号和/来表示 5.尖括号!DOCTYPE尖括号标记位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范。 6.尖括号img/尖括号标签
我的第一次web前端作业
03-09
我的第一次web前端作业
web前端第一次作业
plzdonotlietome的博客
01-13 408
web前端第一次作业
第一次网页前端作业
docisb的博客
02-04 776
前端格式 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title><!--网页打开时窗口的名字--></title> </head> <body> <!-- 在body中对网页进行标签的添加 --> </body> </html> 常用标签总结 ...
web前端html5网页作业,Web前端开发第一次作业
weixin_39957027的博客
06-21 729
(1)分别说出什么是HTML,XHTML,HTML5HTML为一种超文本标记语言,用这种语言浏览器几乎都能识别.独立于各种操作系统平台.XHTML为一种可扩展超文本标记语言,表现方式于超文本标记语言类似,不过语法比较严格.HTML5是用于取代HTMLH和XHTML的一个标准版本.(2)写出HTML的语法语法不区分字母大小写。(3)HTML中的注释和CSS中的注释HTML的注释:CSS注释:(4)C...
html第一次作业
abbjq123的博客
03-18 2448
【代码】html第一次作业。
python初级第一次作业
cycyzh的博客
03-24 1681
【代码】python初级第一次作业。
爪哇部落前端第一次考核作业
weixin_46215920的博客
03-22 484
第一次前端考核，师长门要求我们模范一个百度搜索的首页面，昨天已经发布了第二次的考核作业了，今天我把按照第一次考核的师长给的建议，做了些代码规范的修改。我做的修改有，一、把原来写在html内部的js代码用<script src=""></srript>引用给分离到独立的js文件了；二、给html\css\js的相应标签都加上 了注释，方便以后自己和别人查看；三、在html中...
网安第一次作业
qq_52074845的博客
01-10 2326
web入侵和渗透 官网 cnvd 漏洞类型 通用型漏洞 事件型漏洞 26中漏洞 登录成功的数字4624 审核成功 审核失败4625 url 用的协议为https 主机：域名或者ip 端口默认为80 路径 访问的路径 查询参数：类似于mysql中的查询 select 编码历史： ascll unicode(不可变) utf-8（可变长）掌握utf-8的编码转码规则 先选择范围，然后根据规则将其补全 HTML超文本标记语言 构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术
web前端期末大作业（附有源码）
m0_74087268的博客
12-28 5988
这里使用的是Visual Studio Code（VSCode）设计的Web前端作业，包括了HTML、CSS和JavaScript。选用VSCode作为开发环境和工具来说有诸多优势之处，也给设计前端时带来了诸多益处。首先，是VSCode智能代码提示和补全。VSCode具备强大的代码提示功能，能够根据输入和上下文提供智能建议，减少拼写错误和语法问题，提高编码效率。其次，VSCode拥有丰富的扩展生态系统。
第一次作业
a495756874的博客
09-04 1599
1）简述编译程序与翻译程序、汇编程序的联系与区别。 ①编译的过程就是将源代码文件以字符流的形式进行处理，进行词法和语法的分析，然后通过汇编器将源代码指令转变成汇编指令，然后交由机器识别。汇编过程实际上指把汇编语言代码翻译成目标机器指令的过程。 ②编译程序：由编译器将源代码转变成汇编代码 ③汇编程序：由汇编器将汇编代码转变成目标代码 ④翻译程序：被翻译的程序，会经过处理翻译成一个目...
JavaEE第一次作业
09-30
在数据库创建一个名为BookStore的数据库，在BookStore数据库中添加一个BookInfo表用于存储图书信息表，再往表里面添加一些测试数据、前端页面以表格形式显示所有图书信息、并完成增加添加书籍、修改书籍、删除书籍的...
horiseonhmwk:第一次作业
05-23
前端和初级开发人员最常见的任务之一是采用现有代码并对其进行重构（记得重构代码就是在不更改其功能的情况下对其进行改进），以符合特定的标准集或实施一项新技术。 在此作业中，市场营销机构已雇用您重构现有站点...
JAVAEE智慧树第三次作业
11-13
在第二次作业的基础上，增加SpringSecurity框架，并在数据库创建用户表(users）和权限表(roles)，用户表和权限表之间是多对多关系。权限类型有教师权限、管理员权限，教师权限仅可查看所有的学生选课，管理员权限可...
xml第二次作业
11-14
一、使用XML来设计最简单的公司网页，网页包含公司简介，产品，招聘信息,联系我们。编写公司网页.xml文档和DTD（或Schema）。 二、编写XSL文档,并用IE显示出来。
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 329
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 504
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
vue3如何定义一个组件
Java程序员专栏
06-09 519
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...
Web前端设计大赛：创意与技术的碰撞
最新发布
huejiaqwerty888的博客
06-12 302
在这场竞赛中，参赛者们不仅需要展现出独特的创意，还需要运用精湛的技术将创意转化为实际作品。本文将从四个方面、五个方面、六个方面和七个方面，深入剖析Web前端设计大赛的魅力和挑战。交互设计是Web前端设计的核心环节。参赛者需要关注页面的加载速度、响应速度以及操作的便捷性等方面，确保用户在使用过程中能够获得良好的体验。参赛者需要敢于突破传统的设计理念和技术限制，尝试新的设计手法和技术应用。参赛者需要在创意构思、视觉呈现、交互设计、用户体验、技术实现、性能优化以及创新性和可实践性等方面进行全面考虑和精心打造。
简单web前端开发技术大作业
12-11
我选择了一个简单的web前端开发技术大作业，通过本次作业我学习了HTML、CSS、JavaScript等相关技术，并且熟悉了常用的前端开发工具和框架。在这个大作业中，我设计了一个简单的网页页面，实现了页面网格布局、CSS样式设计、JavaScript交互效果等功能。通过这个作业，我对web前端开发有了更深入的理解和实践，提高了我的编码能力和设计水平。 在项目开始之前，我首先进行了相关技术的学习和调研，了解了HTML5、CSS3和JavaScript的基本语法和用法，同时学习了一些常用的前端开发工具和框架，如VSCode、Bootstrap等。在项目的实际开发过程中，我通过HTML搭建了网页的基本结构，利用CSS进行页面的样式设计和布局，利用JavaScript实现了页面的交互效果，如点击按钮弹出提示框、表单验证等。 通过这个大作业，我不仅学会了如何构建一个简单的网页页面，还学会了如何优化页面代码，提高页面的加载速度和用户体验。同时我也深刻体会到了前端开发的重要性和复杂性，更加清楚了自己在前端领域的学习方向和目标。希望在未来的学习和工作中，能够不断提升自己的前端开发能力，成为一名优秀的web前端工程师。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值