【Web】HTML（No.06）表格标签经典案例《小说排行榜》
效果图：
HTML源码：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>小说排行榜</title>
</head>
<body><table border="1px" cellspacing="0" cellpadding="7" ><tr align="center" ><th>排名</th><th>关键词</th><th>趋势</th><th>今日搜索</th><th>最近七日</th><th>相关链接</th></tr><tr><td>1</td><td>鬼吹灯</td><td><img src="img/down.jpg" alt=""></td><td>345</td><td>123</td><td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a> </td></tr><tr><td>2</td><td>盗墓笔记</td><td><img src="img/down.jpg" alt=""></td><td>124</td><td>675432</td><td rowspan="3"><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a> </td></tr><tr><td>3</td><td>西游记</td><td><img src="img/up.jpg" alt=""></td><td>212</td><td>7654</td><!-- <td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a> </td> --></tr><tr><td>4</td><td>东游记</td><td><img src="img/up.jpg" alt=""></td><td>23</td><td>75645</td><!-- <td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a> </td> --></tr><tr><td>5</td><td>甄嬛传</td><td><img src="img/down.jpg" alt=""></td><td>121</td><td>7676</td><td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a> </td></tr><tr><td>6</td><td>水浒传</td><td><img src="img/up.jpg" alt=""></td><td>576576</td><td>1231421</td><td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a> </td></tr><tr><td>7</td><td>三国演义</td><td><img src="img/up.jpg" alt=""></td><td>234</td><td>7686</td><td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a> </td></tr></table>
</body>
</html>
【Web】HTML（No.06）表格标签经典案例《小说排行榜》相关推荐
- 表格标签，今日小说排行榜案例，合并单元格，无序列表，有序列表，自定义列表，表单标签，注册页面综合案例
表格标签 表格主要用于展示数据 <table><tr><td>单元格内的文字</td>...</tr>... </table> ...
- Web程序设计基础2021 表格标签—表格高级样式的设置 educoder实训
第1关:表格高级样式设置相关概念 任务描述 本关任务:完成一组表格高级样式设置的概念题. 相关知识 为了完成本关任务,你需要掌握:1.外边框线样式的设置,2.内部边框线的设置,3.单元格的合并. 外边 ...
- HTML表格标签的案例
前言 上一篇是表格的基本结构标签和一些属性以及怎么样合并单元格,这篇博客就来具体练习一下table的使用 1. <!DOCTYPE html> <html><head&g ...
- JavaScript学习笔记07【6个经典案例——电灯开关、轮播图、自动跳转首页、动态表格、表格全选、表单验证】
Java后端 学习路线 笔记汇总表[黑马程序员] w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符. ...
- 网页设计经典案例（Web）
网页设计经典案例 一.实现效果(一) 源代码(二) <!DOCTYPE html> <html lang="en"> <head><met ...
- 小说排行榜案例（表格标签）
表格标签 表格是用来显示,展示数据的(也可以说是布局页面的) <table>定义表格<tr>定义行<tb>定义表格内的数据</tb></tr> ...
- Web学习第二天——HTML的基本标签（媒体标签、链接标签、列表标签、表格标签、表单标签）
第二天 HTML的常用标签(媒体标签.链接标签.列表标签.表格标签.表单标签) 一.媒体标签 (一).图片标签(img) 标签格式及属性介绍 (二).音频标签(embed.audio) embed标签 ...
- php mysql经典案例剖析陈军,【基于web的办公室自动化oa系统的设计与实现最终版材料】...
(基于web的办公室自动化(oa)系统的设计与实现)(最终版) <基于web的办公室自动化(oa)系统的设计与实现.doc>由会员分享,可免费在线阅读全文,更多与<(基于web的办公 ...
- HTML 表格标签、列表标签、表单标签（案例： 注册页面）
1. 表格标签 表格是实际开发中非常常用的标签: 1. 表格的主要作用 2. 表格的基本语法 1.1 表格的主要作用 表格主要用于显示.展示数据,因为它可以让数据显示的非常的规整,可读性非常好.特别是 ...
- 青春不常在，抓紧谈恋爱小案例,表格标签、列表标签、表单标签 的综合练习
青春不常在,抓紧谈恋爱小案例里面要用到的知识点: <select>下拉列表. <ul>无序列表. 表格标签 <table> </table>是用于定义表 ...
最新文章
- 用链表生成前序二叉树
- ITK:斑点Blob
- python turtle库画椭圆_如何用Python画一只肥肥的柯基狗狗——turtle库绘制椭圆与弧线实践...
- AGC 022 B - GCD Sequence
- 16位计算机cpu电路图,简单16位CPU设计.doc
- 机器学习——贝叶斯分类器
- 英特尔再曝安全漏洞：黑客可窃取个人电脑中机密数据
- [原创]软件质量管理培训
- 30 个最好的数据可视化工具推荐
- 不要NoSQL/NewSQL，也不要分区，直接分库分表！
- GetFileAttributes
- blob 在线解码_roon、NAS图文全攻略 | 试听欧博旗舰RDS1电池数字界面转盘+旗舰RDB1电池解码器（三）。...
- win10远程桌面查看对方计算机名,教你如何使用Win10远程桌面控制他人电脑？
- Mysql 纵表转换为横表
- bzoj-1270 [BeijingWc2008]雷涛的小猫
- 扫地机器人的技术升级之路 自主规划清扫成主流
- 【华为诺亚方舟实验室】2021届毕业生招聘
- python调用shell命令
- 2015英语命题规律
- 面试问题：发一个随机红包，100块钱给10个人。每个人最多12块钱，最少6块钱。怎么分？
热门文章
- error: undefined reference to __write_chk错误
- 昨天面了一位，见识到了Spring的天花板~
- SwiftUI 如何同时处理2个手势SimultaneousGesture(教程含代码)
- 触摸屏：Linux输入子系统：多点触控协议
- react-use react hook 库
- 面对这些可能出现的意外，你的运维团队准备好了吗?
- vue+mars3d 组件封装与应用 +简单示例
- vue 解决跨域时报错 Cannot read property ‘split‘ of null
- 阿里云Nginx配置
- [渝粤教育] 西南科技大学 会计电算化 在线考试复习资料2021版(1)