Web前端第一次作业——html表格
Web前端第一次作业——html表格
做出下面三张图的效果
1,
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>热门电影</title></head><body><h1>热门电影板块</h1><hr><b>最近热门电影 <a href="#">热门</a> <a href="#">最新</a> <a href="#">豆瓣高分</a> <a href="#">冷门佳片</a> <a href="#">华语</a> <a href="#">欧美</a> <a href="#">韩国</a> <a href="#">日本</a> <a href="#">更多>></a></b><hr><table border="0" cellspacing="1px" hspace="5px" vertical="5px"><tr><td><img src="1.jpg"></td><td><img src="1.jpg"></td><td><img src="1.jpg"></td><td><img src="1.jpg"></td></tr><tr><td><br>电影1<br><br></td><td><br>电影2<br><br></td><td><br>电影3<br><br></td><td><br>电影4<br><br></td></tr><tr><td><img src="1.jpg"></td><td><img src="1.jpg"></td><td><img src="1.jpg"></td><td><img src="1.jpg"></td></tr><tr><td><br>电影5</td><td><br>电影6</td><td><br>电影7</td><td><br>电影8</td></tr></table></body>
</html>
效果演示:
2,
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>李白诗词</title></head><body><h1>将进酒 <small>君不见黄河之水天上来</small></h1><table><tr><td><img src="libai.webp" alt="李白" height="698" width="540"></td><td><pre>
君不见,黄河之水天上来,奔流到海不复回。君不见,高堂明镜悲白发,朝如青丝暮成雪。人生得意须尽欢,莫使金樽空对月。天生我材必有用,千金散尽还复来。烹羊宰牛且为乐,会须一饮三百杯。岑夫子,丹丘生,将进酒,杯莫停。与君歌一曲,请君为我倾耳听。钟鼓馔玉不足贵,但愿长醉不愿醒。古来圣贤皆寂寞,惟有饮者留其名。陈王昔时宴平乐,斗酒十千恣欢谑。主人何为言少钱,径须沽取对君酌。五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。</pre></td></tr></table></body>
</html>
效果演示:
3,
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>汇款单</title></head><body><h1>工商银行电子汇款单</h1><table border="1" width="1500px" cellspacing="0px" cellpadding="5px"><tr><td width="150px" colspan="2"><b>回单类型</b></td><td width="600px">网上转账汇款</td><td width="150px" colspan="2"><b>指令序号</b></td><td width="600px">HQH0000000000000013878172</td></tr><tr><td width="30px" rowspan="4" align="center"><b>收款人</b></td><td>户名</td><td>老牟</td><td width="30px" rowspan="4" align="center"><b>付款人</b></td><td>户名</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><br><div height="30px">票据打印时间:2017-06-01 15:00:12</div><br><div height="30px"><del>票据打印单位:江苏徐州业务中心</del></div><br><div height="30px">操作员:大曾</div></body>
</html>
效果演示:
Web前端第一次作业——html表格相关推荐
- [Web前端]第一次作业
文章目录 一.总结 二.作业 1.网上转账电子账单 2.李白诗词"将进酒" 3.用户注册表 一.总结 1.什么是web前端? -web前端就是网页制作. 2.什么是HTML? -h ...
- sdau启航前端第一次作业
标签详解 <!DOCTYPE html>标记文档类型不属于标签. <html lang="zh-CN">标记语言zh-CN是中文en是英文 <html ...
- 个人设计web前端大作业~响应式游戏网站源码(HTML+CSS+Bootstrap)
HTML期末大作业课程设计游戏主题html5网页~响应式游戏网站(HTML+CSS+Bootstrap) ~个人设计web前端大作业 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...
- HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS)~个人设计web前端大作业...
HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS) ~个人设计web前端大作业 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
- 个人设计web前端大作业~ 酒店网页设计(HTML5+CSS3+Bootstrap)
个人设计web前端大作业~ 酒店网页设计(HTML5+CSS3+Bootstrap)瑞豪国际酒店 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要 ...
- HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS)~个人设计web前端大作业
HTML期末大作业课程设计动漫主题html5网页~奇恩动漫首页html模板(HTML+CSS) ~个人设计web前端大作业 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
- web前端课程作业设计:个人简历
一.说明 今天博主的web前端选修课结课了,期末大作业也提交了,今天写一篇博客把我的大作业分享给大家. 二.题目 1. 大作业题目 个人简历主页设计 2. 内容要求 应尽量包含以下内容: Ø 包含个人 ...
- web网页设计—— 指环王:护戒使者(13页) 电影网页设计 在线电影制作 个人设计web前端大作业
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
- HTML5期末大作业:茶叶文化网站设计——茶叶(10页) HTML+CSS+JavaScript 文化主题 dw茶叶网页设计 web前端大作业 web课程设计网页规划与设计 dw学生网页设计
HTML5期末大作业:茶叶文化网站设计--茶叶(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 ...
最新文章
- 使用C++实现一套简单的状态机模型——原理解析
- PyTorch 实现经典模型1:LeNet5
- MySQL—交叉连接、自然连接、内连接
- hadoop2.0以后不需要借助cywin运行在Windows上
- zabbixdocker里的mysql_基于Docker安装与部署Zabbix
- 嘉年华回顾丨胡连亚带你见证金融行业从标准和平台层面推进数据库能力迭代...
- matlab 箱图不显示异常值_欧姆龙E5EZ温控器PV显示值跳动异常的处理,一看就懂...
- # 研究杂感 × VOSviewer(第四辑)
- iPhone的屏幕尺寸和分辨率
- 手机科学计算机xy怎么用,如何使用科学计算器
- SpringBoot之如何自定义一个starter模块
- [6月7日的脚本] 在Windows 8中将桌面版IE设置为默认浏览器 (VBScript)
- Gitee项目分享——学之思开源考试系统
- Mysql 查询数据库数据量
- sentencepiece原理与实践
- SBFD(Seamless Bidirectional Forwarding Detection)
- 行业分析| OA系统中的实时通讯
- 图书馆借还系统C语言,急求程序!!!简单图书馆借/还书管理子系统
- 在服务器上发布 asp以及html网站 配置过程
- oa系统服务器ip地址,oa服务器的ip地址
热门文章
- 随着年龄的增长,我们应该增加什么能力。。
- (叠词检查器)检查word文档的连续重复字,例如“用户的的资料”或“需要需要用户输入”之类的情况。Word测试文档的内容由学生决定。
- java开发mac pro_这半年我的Mac又装了哪些新软件?
- Maide Contro:用iPad来操作你的3D软件
- word2010如何合并两个word文档
- Linux 安装svn
- 华为android怎么隐藏软件,在华为手机上怎么隐藏应用
- 长短期记忆(LSTM)详解
- 【HTML界面设计(二)】说说模块、登录界面
- php aspose.words,C#_使用aspose.word 第三方的插件实现导出word,使用aspose.word 第三方的插 - phpStudy...