html第一次作业

已于 2024-05-19 14:54:16 修改
阅读量311 收藏
点赞数 8
文章标签： html 前端
于 2024-05-19 14:43:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_83911548/article/details/139042537
版权

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>
    <form action="https://www.bilibili.com/" method="get">
    <table border="0px" width="300px" height="100px" align="center">
        <tr bgcolor="grey">
            <td colspan="2"  align="center">用户注册</td>
            <!-- <td></td> -->
        </tr>

        <tr>
            <td align="right">用户名</td>
            <td><input type="text" name="UserName" value=""></td>
        </tr>

        <tr>
            <td align="right">密码</td>
            <td><input type="password" name="UserPass" value=""></td>
        </tr>

        <tr>
            <td align="right">性别</td>
            <td><input type="radio" name="sex" value="boy" checked>男&nbsp;&nbsp;&nbsp;<input type="radio" name="sex" value="girl">女</td>
        </tr>

        <tr>
            <td align="right">爱好</td>
            <td><input type="checkbox" name="like" value="writing">写作
                <input type="checkbox" name="like" value="music">音乐
                <input type="checkbox" name="like" value="sports">体育
            </td>
        </tr>

        <tr>
            <td align="right">省份</td>
            <td><select name="province">
                <option value="shanxi">陕西省</option>
                <option value="shanx">山西省</option>
            </select>
            </td>
        </tr>

        <tr>
            <td align="right">自我介绍</td>
            <td><textarea name="intro" cols="25" rows="5" placeholder="这个家伙什么也没有留下"></textarea>
            </td>
        </tr>

        <tr bgcolor="grey" align="center">
            <td colspan="2">
                <button type="submit" name="send">提交</button>
                <button type="reset" name="reset">重置</button>
            </td>
            <!-- <td></td> -->
        </tr>
    </table>
</form>
</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 border="1px" width="1000px" height="400px">
        <span style="font-size: 40px;">工商银行电子汇款单</span>
        <tr>
            <td colspan="2"><strong>回单类型</strong></td>
            <!-- <td></td> -->
            <td>网上转账汇款</td>
            <td colspan="2"><strong>指令序号</strong></td>
            <!-- <td></td> -->
            <td>HQH000000000000013878172</td>
        </tr>

        <tr>
            <td rowspan="4"><strong>收<br>款<br>人</strong></td>
            <td>户名</td>
            <td>老牟</td>
            <td rowspan="4"><strong>付<br>款<br>人</strong></td>
            <td>户名</td>
            <td>老刘</td>
        </tr>

        <tr>
            <!-- <td></td> -->
            <td><strong>卡号</strong></td>
            <td>0000000000001</td>
            <!-- <td></td> -->
            <td><strong>卡号</strong></td>
            <td>0000000000002</td>
        </tr>

        <tr>
            <!-- <td></td> -->
            <td>地区</td>
            <td>南京</td>
            <!-- <td></td> -->
            <td>地区</td>
            <td>杭州</td>
        </tr>

        <tr>
            <!-- <td></td> -->
            <td><strong>网点</strong></td>
            <td>工商南京业务处理中心</td>
            <!-- <td></td> -->
            <td><strong>网点</strong></td>
            <td>江苏徐州业务中心</td>
        </tr>

        <tr>
            <td colspan="2"><strong>币种</strong></td>
            <!-- <td></td> -->
            <td>人民币</td>
            <td colspan="2"><strong>炒汇标志</strong></td>
            <!-- <td></td> -->
            <td><u>钞票</u></td>
        </tr>

        <tr>
            <td colspan="2"><strong>金额</strong></td>
            <!-- <td></td> -->
            <td>1.00元</td>
            <td colspan="2"><strong>手续费</strong></td>
            <!-- <td></td> -->
            <td>0.57元</td>
        </tr>

        <tr>
            <td colspan="2"><strong>合计</strong></td>
            <!-- <td></td> -->
            <td colspan="4">人民币（大写）：壹元整</td>
            <!-- <td></td>
            <td></td>
            <td></td> -->
        </tr>

        <tr>
            <td colspan="2"><strong>交易时间</strong></td>
            <!-- <td></td> -->
            <td>2024年5月18日</td>
            <td colspan="2">时间戳</td>
            <!-- <td></td> -->
            <td>2024-05-18-13.000.00,00000</td>
        </tr>
    </table>
    <div>
        <p>票据打印时间: 2024-05-18 23:30</p>
        <p><s>票据打印单位: 江苏徐州业务中心</s></p>
        <p>操作员: 大曾</p>
    </div>
</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 border="0px" width="1500px" height="700px">
        <tr>
            <td colspan="2"><span style="font-size:80px;">将进酒</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span style="font-size: 50px;">君不见黄河之水天上来</span>
            </td>
            <!-- <td></td> -->
        </tr>

        <tr>
            <td width="500px"
            height="600px">
            <img src="https://ts1.cn.mm.bing.net/th/id/R-C.970a46a72448009ba29be752382b6b18?rik=SbztlOUDEO4%2bgQ&riu=http%3a%2f%2fimg.ifeng.com%2fres%2f200710%2f1029_213567.jpg&ehk=dum6UIWDDJlyK6V%2f%2fX%2bZWYyl1aW1ozoAk0UW%2blzSWeE%3d&risl=&pid=ImgRaw&r=0" alt=""
                width="400px"
                height="600px"></td>
            <td><span style="font-size: 20px;"><p>君不见，黄河之水天上来，奔流到海不复回。</p>
                 <p>君不见，高堂明镜悲白发，朝如青丝暮成雪。</p>
                 <p>人生得意须尽欢，莫使金樽空对月。</p>
                 <p>天生我材必有用，千金散尽还复来。</p>
                 <p>烹羊宰牛且为乐，会须一饮三百杯。</p>
                 <p>岑夫子，丹丘生，将进酒，杯莫停。</p>
                 <p>与君歌一曲，请君为我倾耳听。</p>
                 <p>钟鼓馔玉不足贵，但愿长醉不愿醒。</p>
                 <p>古来圣贤皆寂寞，惟有饮者留其名。</p>
                 <p>陈王昔时宴平乐，斗酒十千恣欢谑。</p>
                 <p>主人何为言少钱，径须沽取对君酌。</p>
                 <p>五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。</p>
                </span></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>
    <div>
        <h1>热门电影板块</h1><hr>
        <strong>最近热门电影</strong>
        <span style="margin: 50px;word-spacing: 20px;">热门 最新 豆瓣高分 冷门佳片 华语 欧美韩国 日本
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;更多&gt;&gt;</span><hr>
    </div>
    <div>
        <table border="0px" width="1200px" height="800px"  > 
         <tr width="300px" height="400px">
            <td><img src="https://pic4.zhimg.com/v2-9cd703f3a4ed2460a9373228efa2c1df_r.jpg" alt="" width="300px" height="400px"></td>
            <td><img src="https://img.zcool.cn/community/010fb855ec5acc6ac7251df80ffcfd.jpg@1280w_1l_2o_100sh.jpg" alt="" width="300px" height="400px"></td>
            <td><img src="https://img.zcool.cn/community/010c3259802d63a8012156034f0295.jpg@1280w_1l_2o_100sh.jpg" alt="" width="300px" height="400px"></td>
            <td><img src="https://img.zcool.cn/community/011d3855685d790000012716399ff2.jpg@2o.jpg" alt="" width="300px" height="400px"></td>
         </tr>

         <tr>
            <td>流浪地球</td>
            <td>三体</td>
            <td>战狼2</td>
            <td>金刚狼</td>
         </tr>

         <tr>
            <td><img src="https://img.zcool.cn/community/0184e85a939be8a8012045b301f4eb.jpg@1280w_1l_2o_100sh.jpg" alt="" width="300px" height="400px"></td>
            <td><img src="https://ts1.cn.mm.bing.net/th/id/R-C.70597a9448b8387cb4fef10263723856?rik=ocAYn7vwNkx1Ow&riu=http%3a%2f%2fimg.zcool.cn%2fcommunity%2f01281c5a33ab5ca80120ba38339599.jpg%401280w_1l_2o_100sh.jpg&ehk=XcMpP6irJDg%2b0sZDBZq2Whl9T%2fVA0x9BmS7OGEW23fQ%3d&risl=&pid=ImgRaw&r=0" alt="" width="300px" height="400px"></td>
            <td><img src="https://n.sinaimg.cn/sinakd10110/252/w2048h3004/20200915/6397-izeysaz0078760.jpg" alt="" width="300px" height="400px"></td>
            <td><img src="https://img.zcool.cn/community/01c1335d3ffa0fa8012187f4a957bc.jpg@1280w_1l_2o_100sh.jpg" alt="" width="300px" height="400px"></td>
         </tr>

         <tr>
            <td>唐人街探案2</td>
            <td>盗墓笔记</td>
            <td>死无对证</td>
            <td>烈火英雄</td>
         </tr>
                
        </table>
    </div>
     
 
</body>
</html>

运行截图

丶柊丶
关注
  • 8
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML初学者作业
weixin_53089473的博客
03-02 2287
HTML初学者第一课作业内容： 初学者理解浅薄，有错误在所难免，可以和楼主交流以助于及时改正 结合今天上课所讲内容，完成上传图片页面样式开发 要求如下: 1. 配色，背景图片根据自己喜好，上网查找素材。 header 和footer 地方，可以根据自己想法，设计美化一下 2. banner地方，可以点击跳转，点击后，新开网页跳转到百度吧 3. 表单项目，可以根据自己想法增加项目，元素需要增加2项以上check 4.作业成果物: 提交html资源的源码 遇到的困难： 1.表格table &lt.
Web第一次作业复习准备
grandniu的博客
09-29 9962
一、填空题 1.Web标准是一系列标准的集合，主要包括结构、表现和结构。 2.HTML中文译为超文本标记语言，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。 3.HTML语言主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。 4.网页的根标记是html，主体标记是body，标题标记是title。 要用尖括号和/来表示 5.尖括号!DOCTYPE尖括号标记位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范。 6.尖括号img/尖括号标签
纯HTML+CSS网页设计期末作业（个人网站）
weixin_47138646的博客
11-14 31万+
目录纯HTML+CSS网页设计期末作业（个人网站）效果展示源码index.htmlindex.cssabout.htmlhobbies.htmlhobbies.cssme.htmlme.cssbook1.htmlbook.csssongci.htmlsongci.css缺陷 纯HTML+CSS网页设计期末作业（个人网站） 效果展示 index 页面 about 页面 hobbies 页面 书籍介绍页面 元曲介绍页面 源码 index.html <!DOCTYPE html> <h
网页设计第一次作业
成龙大侠的博客
05-10 3717
第一次作业涉及了HTML5的部分基础语法 包括： 框架 如何声明HTML文件 如何设置网页原信息 如何插入空格 如何设置超链接 如何设置锚点链接 如何插入图片及图片属性设置 常用标签page1: <!DOCTYPE html> <html> <head> <meta charset=...
HTML5第十次作业
tanluzhouyuanyuan的博客
05-25 1557
第一次WEB作业 简单的HTML+CSS
痴心少女的程序梦的博客
09-14 6628
这里写代码片 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt; .head{ width
当当网——（第一次上课的作业）(HTML)
gyx15934412670的博客
04-10 1458
我们第一次上课的时候，讲了一些基本标签，里面有<!DOCTYPE>、<html>、<head>、<body>、以及<p>与<img>标签，之后，老师就留给了我们一个作业，效果图就是上面的： 那么这个是如何实现的？先看代码： <!DOCTYPE html> <html> <head> ...
HTML5基础基础练习题
qq_42663223的博客
10-27 4114
HTML5基础基础练习题 学习内容： 提示：HTML5是标记语言大多数都是记单词不过基础最重要 例如： 1、 掌握单表签->例如<br> 2、 掌握双标签->例如<p><p> 3、 掌握超链接->例如<a href=" “><a> 4、 掌握img图片->例如<img src=” "> 基础习题一李清照的词 提示：根据下图使用HTML5标记语言实现 代码如下所示： <!DOCTYPE html>
用HTML+CSS做一个漂亮简单的个人网页
热门推荐
qq_42523321的博客
12-20 58万+
用HTML+CSS做一个漂亮简单的个人网页 1.刚好帮我妹写了一个作业做一个个人网页设计，简单的三个小页面，就从网上随便找了图片自己随便设计了下东拼西凑哈哈哈！！！可能有点low但是对她来说或者需要做简单的个人网站应该就够了吧！ 图片是从站酷上面找的(因为我不会设计图)，如果有侵权了什么的请联系我立刻马上删掉哈! （首页的首屏有下雪了的特效，右下角有音乐播放提示） 2.先看一下效果哈！ 效...............
大数据第一次作业1
08-08
段是爬行过程中的临时存储单元，每个段包含了一次抓取循环中获取的网页及其索引。根据Web DB生成的抓取列表（Fetch List），Fetcher抓取URL对应的网页，构建索引后存储在段中。段的生命周期有限，随着新抓取的发生，...
horiseonhmwk:第一次作业
05-23
这个星期是一个奇数周，因此您的作业是在职票，这意味着您将从需要修改的入门代码开始。 本周的作业涉及Web开发的一个非常重要的方面：可访问性。 前端和初级开发人员最常见的任务之一是采用现有代码并对其进行...
第一次家庭作业
02-14
在"第一次家庭作业"中，我们很可能是要学习并实践HTML的基本语法和结构。 HTML由一系列元素组成，每个元素通过标签来定义。比如`<html>`是文档的根元素，`<head>`包含元数据（如标题），而`<body>`则包含了网页的...
homework01:第一次作业
04-02
在"homework01:第一次作业"中，我们可以推测这是一份关于HTML学习的初阶任务。 HTML由一系列的元素组成，这些元素通常由起始标签和结束标签构成，如`<p>`和`</p>`用于创建段落。标签可以包含属性，以提供更多的信息...
Homework1:第一次作业分配
03-30
标题"Horiseon的代码重构"指示我们需要对一个名为Horiseon的项目进行改进，而“第一次作业分配”表明这是一项学习任务，旨在帮助学生掌握代码组织和效率提升的技巧。描述中的“合并冗余的类并重新排序”为我们提供了...
html框架 xml作业第一次
12-18
在本次"html框架 xml作业第一次"中，可能需要学生掌握如何在HTML框架中集成和处理XML数据。这可能涉及到使用JavaScript库（如jQuery）解析XML，将数据转化为JSON格式以适应框架的需要，或者使用框架提供的API直接...
第一次上午作业.zip
01-05
【标题】"第一次上午作业.zip" 是一个包含多个文件的压缩包，可能是一个学习项目或课程作业的集合。从给出的文件名来看，这个作业可能涉及到网页设计、文学研究以及电商平台使用等方面的知识。 【京东新闻资讯页....
作业1：第一次作业
02-14
【标题】：“作业1：第一次作业” 在计算机科学与信息技术领域，作业是学习过程中不可或缺的一部分，尤其是对于初学者来说，通过完成作业可以深入理解和掌握所学知识。本作业的主题为“作业1”，可能是针对某个课程...
Code-Refactor:第一次作业
03-28
家庭作业01 第一次作业
用python使用pandas、pyecharts库从E:\数据可视化\数据可视化第三次作业\1.xlsx导入数据，绘制一个甘特图
最新发布
06-01
好的，我可以帮你解决这个问题。 首先，你需要安装pandas和pyecharts库。你可以在终端或命令行中使用以下命令安装这两个库： ``` pip install pandas pip install pyecharts ``` 然后，你需要将1.xlsx文件放置在E:\数据可视化\数据可视化第三次作业\路径下。 接下来，你可以使用以下代码来导入数据并绘制一个甘特图： ```python import pandas as pd from pyecharts import options as opts from pyecharts.charts import Bar # 读取Excel文件 df = pd.read_excel(r'E:\数据可视化\数据可视化第三次作业\1.xlsx') # 提取数据 data = [] for _, row in df.iterrows(): data.append([row['任务名称'], str(row['开始时间']), str(row['结束时间']), row['持续时间']]) # 绘制甘特图 bar = Bar() bar.add_xaxis([d[0] for d in data]) bar.add_yaxis("", [(d[1], d[2], d[3]) for d in data], category_gap=0) bar.set_series_opts(label_opts=opts.LabelOpts(is_show=False)) bar.set_global_opts( title_opts=opts.TitleOpts(title="甘特图"), xaxis_opts=opts.AxisOpts(type_="category"), yaxis_opts=opts.AxisOpts(type_="time"), visualmap_opts=opts.VisualMapOpts(is_show=False), tooltip_opts=opts.TooltipOpts(is_show=True), ) bar.render_notebook() ``` 这段代码将从Excel文件中读取数据，并将其转换为绘制甘特图所需的格式。然后，使用pyecharts库中的Bar类来创建一个甘特图，并将数据添加到图表中。最后，设置图表的选项和全局选项，并将其呈现在notebook中。 请注意，此代码中的render_notebook()方法将在notebook中呈现图表。如果你想将图表保存为HTML文件，可以使用render()方法。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值