第一次作业--HTML

最新推荐文章于 2024-07-07 17:49:23 发布
最新推荐文章于 2024-07-07 17:49:23 发布
阅读量182 收藏
点赞数 1
文章标签： html 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2302_81730670/article/details/140248610
版权

作业1

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>作业1</title> 

</head>
<body>

<table border="1px" width="250px" height="200px" bgcolor="gray">
    <form action="./3.html"><tr>
     <td colspan="4"><h1 align="center">用户注册</h1></td>
<!-- <td></td> 
       <td></td> 
       <td></td> -->
 </tr>
<tr>
      <td colspan="2">用户名：</td>
      <!-- <td></td> -->
       <td colspan="2"><input type="text" name=" UserName" id="" maxlength="20"></td>
       <!-- <td></td> -->
 </tr>
<tr>
       <td colspan="2">密码：</td>
       <!-- <td></td> -->
       <td colspan="2"><input type="password" name=" UserPass" id="" maxlength="20"></td>
       <!-- <td></td> -->
 </tr>
 <tr>
      <td colspan="2">性别：</td>
       <!-- <td></td> -->
       <td colspan="2"><input type="radio" name="sex" id="" value="男" checked>男
       <input type="radio" name="sex" id="" value="女">女</td>
      <!-- <td></td> -->
 </tr>
 <tr>
       <td colspan="2">爱好</td>
       <!-- <td></td> -->
       <td colspan=""><input type="checkbox" name="like" id="">写作
       <input type="checkbox" name="like" id="">听音乐
       <input type="checkbox" name="like" id="">体育</td>
       <!-- <td></td> -->
</tr>
 <tr>
       <td colspan="2">省份</td>
       <!-- <td></td> -->
      <td colspan="2"><select name=" province" id="">
       <option value="shaanxi">陕西省</option>
      </select></td>
      <!-- <td></td> -->
 </tr>
<tr>
      <td colspan="2" rowspan="2">自我介绍</td>
      <!-- <td></td> -->
      <td colspan="2" rowspan="2"><textarea name=" intro" id="" cols="25" rows="5" placeholder="这个家伙什么也没留下"></textarea></td>
      <!-- <td></td> -->
 </tr>
      <!-- <td></td> -->
</tr>
<tr>
     <!-- <td></td> 
       <td></td> 
       <td></td>
       <td></td> -->

           </tr>
            <tr>
            <td colspan="2"><input type="submit" name="send"></td>
            <!-- <td></td> -->
            <td colspan="2"><input type="reset" name="reset" id=""></td>
            <!-- <td></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>
    <h1>工商银行电子汇款单</h1>
    <table border="1px" width="1000px" height="500px">
        <tr>
            <th colspan="2" width="25%">回单类型</th>
            <!-- <td></td> -->
            <td colspan="3" >网上转账汇款</td>
            <!-- <td></td>
            <td></td> -->
            <th colspan="2" width="25%">指令序号</th>
            <!-- <td></td> -->
            <td colspan="3" >HQH0000000000000013878172</td>
            <!-- <td></td>
            <td></td> -->
        </tr>
        <tr>
            <th rowspan="4">收款人</th>
            <td>户名</td>
            <td colspan="3">老牟</td>
            <!-- <td></td>
            <td></td> -->
            <th rowspan="4">付款人</th>
            <td>户名</td>
            <td colspan="3">老刘</td>
            <!-- <td></td>
            <td></td> -->
        </tr>
        <tr>
            <!-- <td></td> -->
            <td><b>卡号</b></td>
            <td colspan="3">000000000001</td>
            <!-- <td></td>
            <td></td> -->
            <!-- <td></td> -->
            <td><b>卡号</b></td>
            <td colspan="3">00000000002</td>
            <!-- <td></td>
            <td></td> -->
        </tr>
        <tr>
            <!-- <td></td> -->
            <td>地区</td>
            <td colspan="3">南京</td>
            <!-- <td></td>
            <td></td> -->
            <!-- <td></td> -->
            <td>地区</td>
            <td colspan="3">杭州</td>
            <!-- <td></td>
            <td></td> -->
        </tr>
        <tr>
            <!-- <td></td> -->
            <td><b>网点</b></td>
            <td colspan="3">工商江苏南京业务处理中心</td>
            <!-- <td></td>
            <td></td> -->
            <!-- <td></td> -->
            <td><b>网点</b></td>
            <td colspan="3">江苏徐州业务中心</td>
            <!-- <td></td>
            <td></td> -->
        </tr>
        <tr>
            <th colspan="2">币种</th>
            <!-- <td></td> -->
            <td colspan="3">人民币</td>
            <!-- <td></td>
            <td></td> -->
            <th colspan="2">钞汇标志</th>
            <!-- <td></td> -->
            <td colspan="3"><u>钞票</u></td>
            <!-- <td></td>
            <td></td> -->
        </tr>
        <tr>
            <th colspan="2">金额</th>
            <!-- <td></td> -->
            <td colspan="3">1.00元</td>
            <!-- <td></td>
            <td></td> -->
            <th colspan="2">手续费</th>
            <!-- <td></td> -->
            <td colspan="3">0.57元</td>
            <!-- <td></td>
            <td></td> -->
        </tr>
        <tr>
            <th colspan="2" >合计</th>
            <!-- <td></td> -->
            <td colspan="8">人民币（大写）：壹圆整</td>
            <!-- <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td> -->
        </tr>
        <tr>
            <th colspan="2">交易时间</th>
            <!-- <td></td> -->
            <td colspan="3">2017年6月1日</td>
            <!-- <td></td>
            <td></td> -->
            <th colspan="2">时间戳</th>
            <!-- <td></td> -->
            <td colspan="3">2017-06-01-13.00.00.   00000</td>
            <!-- <td></td>
            <td></td> -->
        </tr>

    </table> <br> 
    票据打印时间：2017-06-01 15:00:12 <br> <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>李白诗词</title>
</head>
<body>
   <table  width="1000px" height="600px">
    <tr>
        <td width="10%"><h1>将进酒</h1></td>
        <td colspan="3"><h2>君不见黄河之水天上来</h2></td>
        <!-- <td></td>
        <td></td> -->
    </tr>

    <tr>
        <td colspan="2" width="25%"><img src="./李白图片.jpg" alt=""></td>
        <!-- <td></td> -->
        <td colspan="2"><pre>
    君不见黄河之水天上来，奔流到海不复回。
    <br>
    君不见高堂明镜悲白发，朝如青丝暮成雪。
    <br>
    人生得意须尽欢，莫使金樽空对月。
    <br>
    天生我材必有用，千金散尽还复来。
    <br>
    烹羊宰牛且为乐，会须一饮三百杯。
    <br>
    岑夫子，丹丘生，将进酒，杯莫停。
    <br>
    与君歌一曲，请君为我倾耳听。
    <br>
    钟鼓馔玉不足贵，但愿长醉不复醒。
    <br>
    古来圣贤皆寂寞，惟有饮者留其名。
    <br>
    陈王昔时宴平乐，斗酒十千恣欢谑。
    <br>
    主人何为言少钱，径须沽取对君酌。
    <br>
    五花马、千金裘，
    <br>
    呼儿将出换美酒，与尔同销万古愁。
        </pre></td>
        <!-- <td></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>豆瓣电影</title>
</head>
<body>
   <h2>热门电影板块</h2>
   <hr>
   <img src="./豆瓣热门电影.png" width="1500px" height="650px"  usemap="#movie" alt="">
   
   <map name="movie">
    <area title="默杀" shape="rect" coords="0,80,250,300" href="https://movie.douban.com/subject/36877322/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
    <area title="朝云暮雨" shape="re1" coords="300,80,550,300" href="https://movie.douban.com/subject/35359715/?tag=%E7%83%AD%E9%97%A8&from=gaia_video" target="_blank">
    <area title="恶魔的破坏 后篇" shape="rect" coords="600,80,850,300" href="https://movie.douban.com/subject/36539417/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
    <area title="刨根问底" shape="rect" coords="900,80,1150,300" href="https://movie.douban.com/subject/27599106/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
    <area title="疯狂的麦克斯  狂暴女神" shape="rect" coords="1200,80,1450,300" href="https://movie.douban.com/subject/34996127/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
    <area title="扫黑 绝不放弃" shape="rect" coords="0,370,250,600" href="https://movie.douban.com/subject/35280899/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
    <area title="梦境" shape="rect" coords="300,370,550,600" href="https://movie.douban.com/subject/34453198/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
    <area title="九龙城塞之围城" shape="rect" coords="600,370,850,600" href="https://movie.douban.com/subject/24284175/?tag=%E7%83%AD%E9%97%A8&from=gaia_video " target="_blank">
    <area title="犯罪都市4" shape="rect" coords="900,370,1150,600" href="https://movie.douban.com/subject/36085987/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
    <area title="红毯先生" shape="rect" coords="1200,370,1450,600" href="https://movie.douban.com/subject/35494829/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">

   </map>
</body>
</html>

久违816
关注
大屏上下滚动特效
05-22
插件描述：当前流行的大屏上下滚动，当前遇到效果最好的一个. 参考示例：http://www.jq22.com/jquery-info4598
MHW1:第一次家庭作业-Unict-Web编程
03-27
在“MHW1:第一次家庭作业-Unict-Web编程”这个主题中，我们可以深入探讨Web编程的基础知识，尤其是HTML（HyperText Markup Language）这一核心语言。HTML是构建网页内容的标准标记语言，它允许我们将文本、图像、...
我最爱的诗
u014313427的专栏
03-28 637
君不见黄河之水天上来，奔流到海不复回！ 君不见高堂明镜悲白发，朝如青丝暮成雪！ 人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。 烹羊宰牛且为乐，会须一饮三百杯。 岑夫子，丹丘生，将进酒，杯莫停。 与君歌一曲，请君为我侧耳听。 钟鼓馔玉不足贵，但愿长醉不复醒。 古来圣贤皆寂寞，惟有饮者留其名。 陈王昔时宴平乐，斗酒十千恣欢谑。 主人何为言少钱，径须沽取对君酌
【web前端】第一次作业
最新发布
2301_79850619的博客
07-07 280
web前端的第一次作业
前端学习第一次作业——by 小贾
qq_51082388的博客
05-08 382
今天做出来的效果耶耶耶，希望一直能有这种心境以及时间来这样学习。即使是菜，那又怎么样，做出来的菜好吃就行了呗 ，绿色健康，绿色营养，好符合bgcolor <!DOCTYPE html> <html> <head> <!--1给网页加一个标题。--> <meta charset="utf-8"> <title>《敲代码比算三重积分好玩》</title> </head> <body bg
文字向上屏幕滚动
weixin_34096182的博客
06-06 227
<title>文字滚动</title> <styletype="text/css"> #rollText{font:12px/20pxverdana;} </style><divid="rollAD"style="height:40px;position:relative;overflow:hidden;"&...
HTML第一次作业
littlefox_的博客
01-16 181
注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。
学HTML的第一次作业
qq_45148277的博客
09-09 188
作业要求： 制作一个HTML网页，长这样 或者这样 代码如下： Homework01： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>会员注册</title> </head> <body> <fieldset> <legend align="center"> <fon
ScrollText 大屏幕 滚动字幕
01-28
ScrollText 大屏幕 滚动字幕
Angular实战项目记录（二）------ 大屏文字滚动（css3实现）
m0_46684624的博客
01-08 433
大屏文字滚动 html代码 在要滚动的后面添加一个一模一样的展示部分 <body> <div class="list"> <div class="cc rowup"> <div class="item">1111</div> <div class="item">222</div> <div class="item">3
数字滚动特效-大屏
qq_36523196的博客
04-28 1136
大屏数字滚动特效，进行单个数字的滚动特效实现。
文字滚动
Zartillery的博客
12-22 233
页面代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;link href="css/global.css" rel=&quo
文字循环滚动 LED屏效果
08-25
自己做的文字循环滚动，类似LED条屏效果，显示内容读取“通知.txt"里面的文字。
第二次作业.html
11-16
第二次作业.html
Java作业---------田宇龙 第一次1
08-08
在这个Java作业中，田宇龙同学按照要求完成了两个基本任务：编写一个Java应用程序和一个Java小程序（Applet）。下面将详细解释这两个任务的实现过程和涉及的知识点。 一、Java应用程序 1. 创建源代码文件：首先，...
大屏滚动显示源码 C#
04-01
大屏显示系统，VS2005 SQLSERVER2008,实现大屏滚动显示，无闪烁,效果不错
<marquee>滚动文字</marquee>
mzfly的博客
11-25 246
&lt;marquee&gt;滚动文字&lt;/marquee&gt; &lt;marquee&gt;滚动文字&lt;/marquee&gt; 水平滚动： &lt;marquee direction="left" align="bottom" height="25" width="100%" onmouse
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值