HTML练习作业1

最新推荐文章于 2024-07-30 23:06:43 发布
最新推荐文章于 2024-07-30 23:06:43 发布
阅读量148 收藏
点赞数 3
文章标签： html5 css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZLJ050724/article/details/140450244
版权

 一

  代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
    <form>
          <table border="1px">
            <tr>
              <td colspan="2" align="center" bgcolor="gray">用户注册</td>
              <!-- <td></td> -->
            </tr>
            <tr>
              <td bgcolor="lightgray">用户名：</td>
              <td bgcolor="lightgray"><input type="text" name="UserName" maxlength="20" size="15"></td>
            </tr>
            <tr>
              <td bgcolor="lightgray">密码：</td>
              <td bgcolor="lightgray"><input type="password" name="UserPass" maxlength="20" size="15"></td>
            </tr>
            <tr>
              <td bgcolor="lightgray">性别：</td>
              <td bgcolor="lightgray">
                <input type="radio" name="sex" value="男" checked>男
                <input type="radio" name="sex" value="女">女
              </td>
            </tr>
            <tr>
              <td bgcolor="lightgray">爱好：</td>
              <td bgcolor="lightgray">
                <input type="checkbox" name="like" value="写作">写作
                <input type="checkbox" name="like" value="听音乐">听音乐
                <input type="checkbox" name="like" value="体育">体育
              </td>
            </tr>
            <tr>
              <td bgcolor="lightgray">省份：</td>
              <td bgcolor="lightgray">
                <select name="province">
                  <option value="shaanxi" selected>陕西省</option>
                  <option value="shanx">山西省</option>
                </select>
              </td>
            </tr>
            <tr>
              <td bgcolor="lightgray">自我介绍：</td>
              <td>
                <textarea name="intro" rows="5" cols="25" style="overflow-y:scroll">
                </textarea>
              </td>
            </tr>
            <tr>
              <td colspan="2" align="center" bgcolor="gray">
                <input type="submit" name="send" value="提交">
                <input type="reset" name="reset" value="重置">
              </td>
            </tr>
          </table>
    </form>
</body>
</html>

 运行截图：

二 

代码：

<!DOCTYPE html>
<html>
   <head>
	  <title>工商银行电子汇款单</title>
	  <meta charset="utf-8">
   </head>
   <body>
	  <h1>工商银行电子汇款单</h1>
      <table border="1" cellpadding="0" cellspacing="0" width="1000px">
             <tr>
             	<td colspan="2" width="100px"><b>回单类型</b></td>
             	<td width="400px">网上转账汇款</td>
             	<th colspan="2" width="100px">指令序号</th>
             	<td width="500px">HQH0000000000000013878172</td>
             </tr>
             <tr>
             	<th rowspan="4" width="20px">收款人</th>
             	<td width="80px">户名</td>
             	<td>老牟</td>
             	<th rowspan="4" width="20px">付款人</th>
             	<td width="80px">户名</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>
<head>
	<title>李白诗词</title>
	<meta charset="utf-8">
</head>
<style>
img{
    width: 400px;
    height: 800px;
}
</style>
<body>
    <table>
        <tr colspan="2" align="center">
            <td>
            	<h1>
                   将进酒
                     <small>
                        君不见黄河之水天上来
                     </small>
                </h1>
            </td>
        </tr>
        <tr>
            <td rowspan="15">
               <img src="https://img.51miz.com/Element/00/77/14/04/078ae9a4_E771404_de5fc924.png">
            </td>
             <td>君不见黄河之水天上来，奔流到海不复回。</td>
        </tr>
        <tr>
            <td>君不见高堂明镜悲白发，朝如青丝暮成雪。</td>
        </tr>
        <tr>
            <td>人生得意须尽欢，莫使金樽空对月。</td>
        </tr>
        <tr>
        	<td>天生我材必有用，千金散尽还复来。</td>
        </tr>
        <tr>
        	<td>烹羊宰牛且为乐，会须一饮三百杯。</td>
        </tr>
        <tr>
        	<td>岑夫子，丹丘生，将进酒，杯莫停。</td>
        </tr>
        <tr>
        	<td>与君歌一曲，请君为我侧耳听。</td>
        </tr>
        <tr>
        	<td>钟鼓馔玉不足贵，但愿长醉不复醒。</td>
        </tr>
        <tr>
        	<td>古来圣贤皆寂寞，惟有饮者留其名。</td>
        </tr>
        <tr>
        	<td>陈王昔时宴平乐，斗酒十千恣欢谑</td>
        </tr>
        <tr>
        	<td>主人何为言少钱，径须沽取对君酌</td>
        </tr>
        <tr>
        	<td>五花马，千金裘，</td>
        </tr>
        <tr>
        	<td>呼儿将出换美酒，与尔同销万古愁。</td>
        </tr>
    </table>
</body>
</html>

运行截图：

四

代码：

<!DOCTYPE html>
<html>
   <head>
	    <title>豆瓣电影</title>
	    <meta charset="utf-8">
   </head>
   <style>
	img{
		width: 200px;
		height: 280px;
	}
   </style>
   <body>
     <table >
     	<tr >
     		<td colspan="4">
     			 <h1><b>热门电影板块</b></h1>
     		</td>
     	</tr>
     	<tr >
     	    <td colspan="4">
     	    	<hr>
     	    </td>
     	</tr>
     	<tr  >
     		<td colspan="4">
               <table>
               	   <tr>
                       <td width="200px"><b>最近热门电影</b></td>
                       <td width="100px">热门</td>
                       <td width="100px">最新</td>
                       <td width="150px">豆瓣高分</td>
                       <td width="150px">冷门佳片</td>
                       <td width="90px">华语</td>
                       <td width="90px">欧美</td>
                       <td width="90px">韩国</td>
                       <td width="90px">日本</td>
                       <td width="90px">更多> ></td>
               	   </tr>
               </table>               	   
			</tr>

     		</td>
     	</tr>
     	<tr>
     		<td><img src="https://img.zcool.cn/community/013d155c184b96a801209252b7c631.jpg@1280w_1l_2o_100sh.jpg"></td>
     		<td><img src="https://img.zcool.cn/community/0184e85a939be8a8012045b301f4eb.jpg@1280w_1l_2o_100sh.jpg"></td>
     		<td><img src="https://img.zcool.cn/community/0104ea5b3f7d01a80120b959e6ad08.jpg@1280w_1l_2o_100sh.jpg"></td>
     		<td><img src="https://img.zcool.cn/community/010c3259802d63a8012156034f0295.jpg@1280w_1l_2o_100sh.jpg"></td>
     	</tr>
     	<tr>
     		<td>盗墓笔记</td>
     		<td>唐人街探案2</td>
     		<td>霸王别姬</td>
     		<td>战狼2</td>
     	</tr>
     	<tr>
     		<td><img src="https://img.zcool.cn/community/0169d35e0b6948a801216518a952f3.jpg"></td>
     		<td><img src="https://img.zcool.cn/community/01a92c5c47fb00a801203d22d67e25.jpg@2o.jpg"></td>
     		<td><img src="https://img.zhisheji.com/uploads/0424/158766157691606774.jpg"></td>
     		<td><img src="https://img.zcool.cn/community/01592d56986e4b32f87574be0e0b9d.jpg@1280w_1l_2o_100sh.jpg"></td>
     	</tr>
     	<tr>
     		<td>扫毒2</td>
     		<td>流浪地球</td>
     		<td>姜子牙</td>
     		<td>三体</td>
     	</tr>
     </table>
   </body>
</html>

运行截图：

ZLJ050724
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
表单练习HTML5
LaoXieyyds的博客
07-21 796
HTML5表单练习，基础部分
html练习1文件资源下载
01-05
这个“html练习1文件资源下载”很显然是一个学习HTML的基础练习项目，旨在帮助初学者掌握HTML的基本结构和元素。下面将详细介绍HTML的一些核心概念和相关知识点。 1. HTML基本结构：HTML文档通常由<!DOCTYPE html>...
HTML课程导航作业,HTML&CSS基础_导航条练习
weixin_28745975的博客
06-07 611
2020.10.04主要内容：导航条练习/*清除默认样式*/*{margin: 0px;padding: 0px;}/*设置ul*/.nav{/*去除项目符号*/list-style: none;/*为ul设置一个背景颜色*/background-color: #6495ED;/*设置一个宽度*/width: 1000px;/*设置元素居中*/margin: 50px auto;/*解决高度塌陷*...
html表单作业练习
努力的凤梨
05-29 2288
淘宝注册表 名字 姓氏 登录名 密码 再次输入密码 电子邮箱 性别 男 女 爱好 运动 聊天 玩游戏 出生日期 年 月 日 阅读淘宝网服务协议 淘宝平台：指包括淘宝网（域名为 ...
HTML综合案例练习
moteandsunlight的博客
02-26 1177
可以首先看一下我们的效果，之后再思考怎么实现总的来说，这个练习不算难。这里关于这个简历的代码编写我们不说太多，只注意以下几个内容即可：注意及时查看我们的代码是否符合预期，即一段一段测基本信息那里的内容应该是普通文字，但是注意加换行符项目那里注意不同级别的划分功能介绍是二级的无序话不多说，直接看效果和源码！！ 二、简历内容填写 首先可以看一下我们最终的效果：接下来，我们思考怎么实现。这里由于这个练习代码相对更多，更琐碎，所以这里列了一个思维导图，帮助理解。 三、总结 关于HTML 总的来讲，html还是比较简
HTML简易网页练习
zhangmingxian1的博客
10-28 1373
例如：h1-h6，p，div(没有任何默认样式的块级元素，最常用的元素，不用特意清除默认样式)例如：b i u sub sup span(没有任何默认样式的行内元素)定义：在默认情况下，可以和其他行内元素在一行显示。3、在p标签中，不能嵌套其他的块级元素。定义：在默认情况下，独占一行的元素。4、p标签常用于页面中的纯文本。分割线可以用标签2、文字的尺寸依次减小。
html/css练习作业摇晃的桃子
05-05
在本项目"html/css练习作业摇晃的桃子"中，我们可以看到这是一个关于HTML和CSS基础练习的大学作业。HTML（HyperText Markup Language）是网页内容的结构标准，而CSS（Cascading Style Sheets）则负责定义这些内容的...
本资源为网页设计HTML部分练习作业
09-07
完成这个HTML练习作业，不仅需要理论知识，还需要实践操作。通过实际编写代码，你会更深入地理解HTML的结构和逻辑，为后续的CSS和JavaScript学习打下坚实基础。同时，这也能帮助你更好地适应不断发展的Web开发环境，...
hm15:html5练习作业
04-08
这个名为"hm15:html5练习作业"的压缩包文件显然是一份针对HTML5的学习实践资料，可能是某课程或培训项目的作业集合。下面我们将深入探讨HTML5的一些关键知识点。 1. 结构化元素：HTML5引入了一系列新的结构元素，如...
HTML大作业源码
12-30
HTML大作业源码是针对初学者或学生设计的一组练习，旨在帮助他们深入理解HTML（超文本标记语言）的基本概念和应用。HTML是构建网页内容的基础，它定义了页面的结构和布局。在这个作业中，我们可以看到一系列的HTML...
HTML5实现好看的天气预报网站源码
xcLeigh
07-18 1757
HTML5实现好看的天气预报网站源码，天气预报大作业，网站源码，天气预报网站，天气预报网站源码，这里可以灵活配置要显示的省市区的天气预报，这里用的是北京、上海、广州、深圳、台湾五个地区的天气预报。免费的数据接口，数据API，童话故事API，笑话API，名言API，提供免费天气预报接口，各种新闻资讯类、生活服务类、趣味娱乐类、功能应用类、知识问答类、数据智能类等API接口数据提供。兼容手机端和PC网页端。各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
CSS实现图片边框酷炫效果
流绪@微梦
07-26 1305
我们在浏览一些网页时，经常会看到一些好看酷炫的元素边框效果（如下图），那么这些效果是怎么实现的呢？我们知道，一般的边框，要么是实线，要么是虚线（点状，短横线），但是遇到一些特殊的边框，传统边框就束手无策了。遇到这种边框，不妨考虑下用 border-image。border-image属性可以给边框添加背景图片，实现图片边框效果。在css中，可以使用border-image属性设置图片边框，只需要给元素添加border-image样式即可。
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 468
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
js、ts、argular、nodejs学习心得
07-30 247
工作中需要前端argular开发桌面程序，后端用nodejs开发服务器，商用软件架构。
苍穹外卖浏览器前端界面修改
程序员象漂亮的博客
07-25 294
客户原始方案是期望做一个Spring Boot + Vue的饿了么系统，但时间上太仓促，所以建议选择开源的苍穹外码目作为作业提交。客户接受了建议的方案后，期望对前端页面提出了一些个性化的定制修改。
基于上云api前端开发经验教训(loading...)
IIIIIAN
07-26 463
对于上云api开发学习过程中的错误教训积累总结
electron 主进程和渲染进程
qq_21087199的博客
07-29 323
虽然最近一年前端大环境不好，但是大家还是要加油鸭！，努力总不会错，千军万马过独木桥，希望大家都是闯过去那一个。进入正题。
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
努力做最接地气的编程干货分享，感谢关注
07-29 1329
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
前端代码混淆加密（使用Terser、WebpackObfuscator）
最新发布
@Fonden
07-30 273
（注意Terser和WebpackObfuscator引入的方式不同，后者是放到plugins中）② 在 Terser 之后使用 WebpackObfuscator 进行混淆。以此在网上查找到相应工具有：Terser、WebpackObfuscator。① 使用 Terser 进行代码压缩和 source map 生成，② 设置在生产环境中才去使用混淆加密工具（开发环境会产生各种报错）为了对公司项目进行安全防护措施，前端需要进行代码混淆加密处理。压缩代码、变量和函数名混淆、删除未使用代码。
c语言程序设计基础作业练习系统
05-19
您需要一个C语言程序设计基础作业练习系统，可以通过以下步骤来设计实现： 1. 确定系统需求：确定系统的功能需求，例如：提供题库、自动批改、学生管理等。 2. 设计数据库：根据系统需求，设计相应的数据库结构，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值