当前位置: 首页 > news >正文

HTML列表标签和表格标签

 

目录

一、列表标签与表格标签要点

二、列表 LIST

(一)有序列表:

(二)无序列表:

(三)自定义(相互嵌套使用)

三、表格标签 TABLE

(一)表格标签 

  (二)行列标签

(三)合并          

(四)示例


一、列表标签与表格标签要点

 

二、列表 LIST

(一)有序列表:

<ol></ol> 

type类型有:

A,B ,C, ......

a,b,c,......

1,2,3,......

 按大写罗马数字排序

  按 小写罗马数字排序

<strong><font size="50">搜索引擎排名</font></strong><ol><li>Google</li><li>Baidu</li><li>Bing</li><li>Sogou</li></ol>

效果图:

(二)无序列表:

<ul></ul>

type类型:

disc——实心圆

circle——空心圆

square——实心方块

<strong><font size="50">软件编程语言</font></strong><ul type="disc"><li>Java</li><li>C++</li><li>Python</li><li>JavaScript</li></ul>

效果图:

(三)自定义(相互嵌套使用)

 <strong><font size="50">健康食品</font></strong><ol><ul>水果</ul><ul><ul>苹果</ul><ul>香蕉</ul></ul><ul>蔬菜</ul><ul><ul>西兰花</ul><ul>菠菜</ul></ul></ol>

效果图:

三、表格标签 TABLE

(一)表格标签 <table>

属性:

width:宽

height:高

border:边框

cellspacing:外边距

align:水平对齐方式 "left" "center"  "right"

valign:垂直对齐方式 "top"  "middle"  "bottom"

bgcolor:背景颜色

 (二)行列标签

<tr>:行
<td>:列

属性:
        align:水平对齐方式——center,left,right
        bgcolor:背景色

(三)合并          

属性:
         colspan:合并列
         rowspan:合并行

(四)示例

<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>小说排行榜</title>
</head>
<body><h1 align="center">小说排行榜</h1><table align="center" border="1px" width="50%" height="150px" cellspacing="0"><tr><th>排名</th><th>关键词</th><th>趋势</th><th>今日搜索</th><th>最近七日</th><th colspan="3">相关链接</th></tr><tr align="center"><td>1</td><td>鬼吹灯</td><td><img src="images/up.jpg"/></td><td>356</td><td>3560</td><td><a href="贴吧.html">贴吧</a></td><td><a href="图片.html">图片</a></td><td><a href="百科.html">百科</a></td></tr><tr align="center"><td>1</td><td>鬼吹灯</td><td><img src="images/down.jpg"/></td><td>356</td><td>3560</td><td><a href="贴吧.html">贴吧</a></td><td><a href="图片.html">图片</a></td><td><a href="百科.html">百科</a></td></tr><tr align="center"><td>1</td><td>鬼吹灯</td><td><img src="images/up.jpg"/></td><td>356</td><td>3560</td><td><a href="贴吧.html">贴吧</a></td><td><a href="图片.html">图片</a></td><td><a href="百科.html">百科</a></td></tr><tr align="center"><td>1</td><td>鬼吹灯</td><td>1</td><td>356</td><td>3560</td><td><a href="贴吧.html">贴吧</a></td><td><a href="图片.html">图片</a></td><td><a href="百科.html">百科</a></td></tr><tr align="center"><td>1</td><td>鬼吹灯</td><td>1</td><td>356</td><td>3560</td><td><a href="贴吧.html">贴吧</a></td><td><a href="图片.html">图片</a></td><td><a href="百科.html">百科</a></td><tr align="center"><td>1</td><td>鬼吹灯</td><td>1</td><td>356</td><td>3560</td><td><a href="贴吧.html">贴吧</a></td><td><a href="图片.html">图片</a></td><td><a href="百科.html">百科</a></td><tr align="center"><td>1</td><td>鬼吹灯</td><td>1</td><td>356</td><td>3560</td><td><a href="贴吧.html">贴吧</a></td><td><a href="图片.html">图片</a></td><td><a href="百科.html">百科</a></td></table>
</body>
</html>

在表格标签中可以用<img>标签插入图片,以及<a href="  "></a>实现超链接的跳转等。

效果图:

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.exyb.cn/news/show-2785.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

python操作数据库

参考&#xff1a;https://blog.csdn.net/kongsuhongbaby/article/details/84948205 非常非常全面 mysql登陆 基本操作&#xff1a; 登陆&#xff1a;mysql -uroot -h127.0.0.1 -P3306 -p mysql -uroot -p(本机不用写host) 退出mysql&#xff1a;ctrlz回车&#xff0c;或者exi…...

三种方法安装CUDA--看出你是【入门】算法工程师还是【高级】算法工程师

三种方法安装CUDA–看出你是【入门】算法工程师还是【高级】算法工程师 文章目录 三种方法安装CUDA--看出你是【入门】算法工程师还是【高级】算法工程师0 微信交流群:1 前言:2 显卡驱动安装3 CUDA9.2卸载2.1 10.0及之前2.2 cuda10.1及之后2.3 pwd2.4 卸载2.5 清除残留2.6 验…...

[HDU2520]我是菜鸟,我怕谁(每日一题5.30)

题目链接&#xff1a;Problem - 2520 (hdu.edu.cn) 乍一看这个题&#xff0c;发现不就是匀加速直线运动么&#xff0c;于是写出了如下的代码&#xff1a; #include <iostream>using namespace std;int d(int t);int main() {int T;cin >> T;while(T--){int t;cin …...

第二讲:基本飞行姿态

四旋翼在其四个轴臂上四个桨的高速转动作用下&#xff0c;会受到四个桨的拉力&#xff0c;拉力方向与机身垂直&#xff0c;当四个桨产生的拉力总和大于机身重力时&#xff0c;飞机处于上升状态&#xff1b;当总拉力小于机身重力时&#xff0c;飞机处于下降状态&#xff1b;当总…...

MySQL索引用法实例分析

建议看原文&#xff1a;https://www.jb51.net/article/88846.htm 这篇文章主要介绍了MySQL索引用法,结合实例形式较为详细的分析了mysql索引的功能、定义、使用方法与相关注意事项,需要的朋友可以参考下 本文实例分析了MySQL索引用法。分享给大家供大家参考&#xff0c;具体如下…...

必看!LuatOS自定义C库全新教程,一文极速上手

今天继续讲LuatOS的开发&#xff0c;上一期简单说了一下如何移植LuatOS&#xff0c;相信很多朋友已经看过了。那么今天&#xff0c;我就开始讲C和Lua调用的部分教程。 LuatOS相关资料及Lua语言的官方定义&#xff0c;详见以下链接&#xff1a; LuatOS仓库&#xff1a; https:/…...

Xshell 连接不上Linux Centos 7的解决方法之设置静态IP

前序 最近在开发项目&#xff0c;需要在服务器部署数据库、ftp文件管理等相关内容时&#xff0c;为了方便操作&#xff0c;使用Xshell会话管理工具进行服务器操作。出现连不上服务器网络的问题&#xff0c;就所遇问题进行学习解决方案及总结记录。 配置虚拟机网络 1.在虚拟机…...

ann2snn的代码分析

首先&#xff0c;主函数是if_cnn_mnist_work.py 1.输出snn测试结果的就是这么一些代码&#xff1a; utils.pytorch_ann2snn(model_namemodel_name,norm_tensornorm_tensor,test_data_loadertest_data_loader,devicedevice,TT,log_dirlog_dir,configconfig)2.ctrl鼠标左键点击py…...

基于域名访问网站1(作业)

搭建一个基于http://www.zuoye.com:22222访问的web网站&#xff0c;网站首页在/www/http/&#xff0c;内容为zuoye 结果 过程&#xff1a; 创建网页的根目录&#xff0c;并编辑网页内容为zuoye 编辑/etc/httpd/conf.d/zuoye.conf 关闭防火墙 关闭selinux 重启httpd 编辑/…...

虚拟内存和地址空间

目录 一、物理内存vs虚拟内存 二、物理内存空间和虚拟内存空间 三、32bit的地址空间 四、cpu位宽和cpu地址总线宽 五、虚拟内存地址空间划分 六、虚拟地址和物理地址的映射 早期的计算机程序都是直接跑在物理内存上的&#xff0c;这就要求程序大小不能超过物理内存的上限…...

STM32CubMx自学笔记(一)-LED灯翻转

STM32CubMX自学笔记&#xff08;一&#xff09;---LED灯翻转工程创建系统具体配置工程代码编写下载验证结语工程创建 首先得安装STM32CubMx软件。具体安装步骤参照 保姆级安装步骤&#xff0c;这里将不再赘述&#xff0c;第一节主要是介绍新工程的创建&#xff0c;首先在桌面打…...

十四、Python第十四课——文件和异常

&#xff08;请先看这篇文章&#xff1a;https://blog.csdn.net/GenuineMonster/article/details/104495419&#xff09; 如果看完这篇博文&#xff0c;你的问题还是没有解决&#xff0c;那么请关注我的公众号&#xff0c;后台发消息给我吧&#xff0c;当天回复&#x…...

Linux下安装sqlite3

文章目录前言安装步骤测试安装成功前言 sqlite3的安装 安装步骤 依次执行以下命令&#xff1a; 1)wget http://www.sqlite.org/sqlite-3.5.6.tar.gz 2)tar -xzvf sqlite-3.5.6.tar.gz 3)cd sqlite-3.5.6 4)./configure 5)make 6)make install测试安装成功 出现红色方框信息…...

拉伯配资6月1日策略

5月回想&#xff1a;在5月份的战略中&#xff0c;我们认为其时胶着的商场可能在5月会有所改动。从实践表现来看&#xff0c;5月下旬商场明显出现了一些活泼做多的信号&#xff0c;商场也选择了向上打破。上证指数上涨超4%&#xff0c;深圳成指上涨近3%。 行情判别&#xff1a;从…...

微信小程序趋势及前景,大厂直通车!

最近看到群里看到一个女生&#xff0c;讲述了她从开始选择Android&#xff0c;经过非常努力的学习和挣扎&#xff0c;然而最后面对当前的环境却不得不放弃。看完以后真的非常替她感觉惋惜&#xff0c;如果早几年入行可能结果会比现在好很多&#xff0c;但可惜&#xff0c;这就是…...

设计模式导读助记

各个设计模式的详细介绍都已经完成&#xff0c;但是不经常用总会忘&#xff0c;所以我想用 一句话 总结设计模式&#xff0c;思考模式的真正意图&#xff0c;再用 一点提示 来思考代码如何实现 写在前面 我整理的设计模式这一个系列&#xff0c;主要是结合了以下几本书 : 《设…...

RT-Thrad|STM32F103+ESP8266 S01+RT-Thread联网之环境搭建(1/3)

文章目录前言硬件准备百问网STM32F103ESP8266 01SESP8266 介绍ESP8266 01S技术规格参数软件准备下载安装 Keil μVision5Pack Installer安装 ST-Link 驱动获取RT-Thread源码下载安装 RT-Thread env 工具文章列表 RT-Thrad|STM32F103ESP8266 S01RT-Thread联网之环境搭建(1/3)RT…...

webrtc之SVC实现(十)

一、概念 SVC&#xff08;可适性视频编码或可分级视频编码&#xff09;是传统H.264/MPEG-4 AVC编码的延伸&#xff0c;可提升更大的编码弹性&#xff0c;并具有时间可适性&#xff08;Temporal Scalability&#xff09;、空间可适性&#xff08;Spatial Scalability&#xff09…...

LeetCode 数值的整数次方

实现 pow(x, n) &#xff0c;即计算 x 的 n 次幂函数&#xff08;即&#xff0c;xn&#xff09;。不得使用库函数&#xff0c;同时不需要考虑大数问题。 示例 1&#xff1a; 输入&#xff1a;x 2.00000, n 10 输出&#xff1a;1024.00000 示例 2&#xff1a; 输入&#xf…...

python 继承和多态

在已有类的基础上创建新类&#xff0c;这其中的一种做法就是让一个类从另一个类那里将属性和方法直接继承下来&#xff0c;从而减少重复代码的编写。提供继承信息的我们称之为父类&#xff0c;也叫超类或基类&#xff1b;得到继承信息的我们称之为子类&#xff0c;也叫派生类或…...

webrtc之SVC实现(十)

一、概念 SVC&#xff08;可适性视频编码或可分级视频编码&#xff09;是传统H.264/MPEG-4 AVC编码的延伸&#xff0c;可提升更大的编码弹性&#xff0c;并具有时间可适性&#xff08;Temporal Scalability&#xff09;、空间可适性&#xff08;Spatial Scalability&#xff09…...

delphi JSON 数字0.00没有引号解析问题

Delphi中利用SuperObject解析JSON 0.00数字有问题 原因是superObject 的版本问题&#xff1a; 网址&#xff1a;https://www.haolizi.net/example/key_superobject_1.html 下载版本...

oracle数据库:select基本语法【条件查询】

当我们进行数据查询的时候&#xff0c;往往需要根据一些条件来筛选出我们需要的数据&#xff0c;这时候可以用到条件查询 1&#xff0c;条件查询 语法&#xff1a; select 字段1&#xff0c;字段2... from 表名 where 条件1&#xff0c;条件2...其中关键字where后面接我们查…...

CSS内联样式的使用,赶紧收藏备战金三银四!

近几年&#xff0c;随着技术和政策的变化&#xff0c;国内对技术人才的需求也是翻天覆地的变化。 为什么转行前端呢&#xff1f; 对于很多毕业学生来说&#xff0c;前端开发工程师行业需求大、待遇好、不限门槛、政策优,成为了很多大学生的就业发展选择。 学习路线 HTML基础…...

终于有人把华为认证讲明白了!

响应大家的需求&#xff0c;你要的华为认证科普来啦~ 华为认证 华为认证是华为技术有限公司&#xff08;简称“华为”&#xff09;基于“ 平台生态 ”战略&#xff0c;围绕 “云-管-端 ” 协同的新ICT技术架构&#xff0c;打造的业界覆盖ICT领域最广的认证体系&#xff0c;根据…...

一些小知识及git 使用方法

取消全局的log打印 在开发的时候&#xff0c;我们经常会log输出调试程序&#xff0c;在将程序打包的时候可能会忘记删除&#xff0c;导致在正式上线的时候&#xff0c;控制台会输出一些东西 // 设置 开发/生产 环境变量 。在入口程序中对其判断&#xff0c;并重写 console.log…...

Reids之三种特殊数据类型Bitmaps,HyperLogLog,Geospatial

Bitmaps 简介 现代计算机用二进制&#xff08;位&#xff09;作为信息的基础单位&#xff0c;1个字节等于8位&#xff0c;例如“abc”字符串是由3个字节组成&#xff0c;但实际在计算机存储时将其用二进制表示&#xff0c;“abc” 分别对用的ASCLL码分别是97,98,99&#xff0c;…...

python 继承和多态

在已有类的基础上创建新类&#xff0c;这其中的一种做法就是让一个类从另一个类那里将属性和方法直接继承下来&#xff0c;从而减少重复代码的编写。提供继承信息的我们称之为父类&#xff0c;也叫超类或基类&#xff1b;得到继承信息的我们称之为子类&#xff0c;也叫派生类或…...

中国石油大学《混凝土》第三阶段在线作业

第三阶段在线作业单选题 (共24道题) 收起1.&#xff08;2.5分&#xff09; 混凝土构件的平均裂缝间距与下列因素无关的是 A、混凝土强度等级 B、混凝土保护层厚度 C、纵向受拉钢筋直径 D、纵向钢筋配筋率我的答案&#xff1a;A 此题得分&#xff1a;2.5分2.&#xff08;…...

MySQL面试题

一&#xff0c;三大范式 原子性必须和主键相关联不能和非主键关联 ACID事务特性 原子性&#xff1a;最小单元 一致性&#xff1a;事务开始之前和事务结束之后数据一致 隔离性&#xff1a;每个事务都是独立运行&#xff0c;互不影响 永久性&#xff1a;对事务的修改是永久保存…...

[智能座舱]小鹏G9语音新功能介绍与分析

自从2020年小鹏P7上市后&#xff0c;其搭载的全场景语音交互系统就成为车载语音交互产品的标杆。小鹏G9发布也带来了语音系统的升级。因为目前市面上还没办法体验到最新的系统&#xff0c;本文根据B站的体验视频&#xff0c;对小鹏G9上的三个语音功能进行介绍和分析。 功能介绍…...

Mysql高频面试题(一)

文章目录1. Mysql如何实现的索引机制&#xff1f;2. InnoDB索引与MyISAM索引实现的区别是什么&#xff1f;3. 一个表中如果没有创建索引&#xff0c;那么还会创建B树吗&#xff1f;4. B树索引实现原理&#xff08;数据结构&#xff09;5. 聚簇索引与非聚簇索引的B树实现有什么区…...

谷粒学院之阿里云视频点播

实际上开通视频点播后还是存在oss里&#xff0c;oss里开通了一块特殊空间来存储视频 <!-- 视频点播--><dependencies><dependency><groupId>com.aliyun</groupId><artifactId>aliyun-java-sdk-core</artifactId></dependency&…...

计算机毕业设计Java高校教师个人主页网站设计与实现(源码+系统+mysql数据库+lw文档)

计算机毕业设计Java高校教师个人主页网站设计与实现&#xff08;源码系统mysql数据库lw文档&#xff09; 计算机毕业设计Java高校教师个人主页网站设计与实现&#xff08;源码系统mysql数据库lw文档&#xff09;本源码技术栈&#xff1a; 项目架构&#xff1a;B/S架构 开发语…...

北京挂历印刷厂

在过去两届Drupa 展览当中&#xff0c;所围绕的主题多在数字化工作流程方面的创新&#xff0c;数字印刷只是其中的配角&#xff0c;但经过四年的物换星移&#xff0c;市场的趋势越来越以实时、多元、依需为导向&#xff0c;数字印刷设备一跃成为印刷机材最夯的明日之星&#xf…...

北京图册印刷

随着经济增长的速度在2005年趋于平缓&#xff0c;印刷-行-业-也经历了一个为期一年的调整期。虽然整个印刷需求量会在2006年有所下降&#xff0c;但我们认为数字印刷领域仍将在2006年保持两位数的增长势头。 在经历了2004年的强势反弹后&#xff0c;印刷业在2005年前几个月凭借…...

在线视频常见加密方式及安全性透析

信息化时代&#xff0c;多媒体的应用日渐成为人们生活中不可或缺的部分&#xff0c;无论是获取最新资讯还是教育学习&#xff0c;视频都是直观高效的媒介之一。 基于互联网的快速传播&#xff0c;众多培训机构也逐渐将线下原创版权课程迁移到在线平台中&#xff0c;一方面可以更…...

Android证书申请

http://ask.dcloud.net.cn/article/12718...

nginx配置https证书、https数字证书申请

越来越多的第三方接入需要使用https了&#xff0c;很多时候不止到证书到那里免费申请&#xff0c;申请后怎么配置。 免费证书和收费证书主要的差别有几点 免费证书收费证书支持绑定域名数少支持绑定域名数多无保险费用有保险费用一年需要更换两年或三年可选颁发机构少更多的颁…...

Nginx免费证书申请构建Https域名

免费证书申请构建Https域名 整理免费证书获取途径如下&#xff1a; Let’s Encrypt是终身免费使用的&#xff0c;但是需要每3个月就申请一次&#xff1b; 支持泛域名首先是进入该网站&#xff1a;https://letsencrypt.org/&#xff0c;注册账户&#xff1b;登录地址是这个&am…...

第2-4-9章 规则引擎Drools实战(2)-信用卡申请

文章目录9.2 信用卡申请9.2.1 计算规则9.2.2 实现步骤9.2 信用卡申请 全套代码及资料全部完整提供&#xff0c;点此处下载 本小节我们需要通过Drools规则引擎来根据规则进行申请人的合法性检查&#xff0c;检查通过后再根据规则确定信用卡额度&#xff0c;最终页面效果如下&a…...

投产比与门槛

先抛观点&#xff1a;没有破解不了的游戏&#xff08;软件&#xff09; 只有当付出成本远小于获得结果时&#xff0c;才会出现“无法破解”&#xff0c;这是一个投产比思维&#xff0c;可用于任何方面 即做任何一件事情&#xff0c;要考虑投入产出比&#xff0c;费力不讨好的事…...

关于电商平台推出无门槛优惠券不得不说的几个问题

电商项目上线推广之际&#xff0c;平台会发放一些非常给力的无门槛优惠券&#xff0c;用以推广促销。这个时候&#xff0c;有几个问题不得不重视。 如果用户下单时&#xff0c;商品金额小于或者等于平台优惠券时&#xff0c;就不能让商家因为商品库存问题给用户操作部分或者全…...

门槛(threshold)估计方法学习代码

数据集名称&#xff1a;门槛&#xff08;threshold&#xff09;估计方法学习代码 相关说明&#xff1a;分享一个门槛&#xff08;threshold&#xff09;估计的方法&#xff0c;来源于下面文章的一部分&#xff0c;包括文章的代码。四篇文章和代码均给出。门槛效应&#xff0c;…...

深度学习入行门槛太低,不开心!

安妮 问耕 编译整理 量子位 出品 | 公众号 QbitAI 进入门槛太低正在毁掉深度学习的名声&#xff01; 这么一篇标题“忧心忡忡”的讨论帖&#xff0c;毫无意外的在reddit上炸了。为什么发起这么一个讨论&#xff1f;先看看原po主是怎么说的。 很长一段时间以来&#xff0c;我注意…...

荐读解惑 | FPGA是有门槛的,零基础并不是你想的那样,不要再被忽悠了!

FPGA是有门槛的&#xff0c;零基础并不是你想的那样&#xff0c;而且门槛不低的&#xff01; 本篇给非电子类专业或者非技术行出身想要转行FPGA的大侠们&#xff0c;做个参考&#xff0c;各位大侠可根据自己情况&#xff0c;自行避坑。 本人FPGA百度贴吧吧主&#xff0c;今年年…...

做嵌入式的门槛高吗,要996吗?

好像但凡编程序的&#xff0c;都有被称为IT工程师的可能&#xff0c;嵌入式&#xff08;软件&#xff09;自然而然在大家的眼中也是IT的范畴。作为IT届的标志性规则&#xff0c;996的确是基本每个互联网软件公司的标配。但是从我经历的几家嵌入式软件公司来看加班是必须有的&am…...

Java开发需要哪些准入门槛?市场需求怎么样?

Java号称是最强的网络编程语言&#xff0c;但是大多数应用程序开发人员是从来不会自己开发什么底层的网络程序的。 需要做只是了解原理就够了。网络机制的实现是靠平台实现的&#xff0c;除非自己开发平台&#xff0c;否则是不需要知道socket怎么实现&#xff0c;怎么监听访问…...

Stata软件做门槛回归模型(汉森个人主页上的代码)

结合自身在stata软件实际操作中的经验&#xff0c;做出门槛回归模型的小结如下&#xff1a; 注&#xff1a;本人采用的是Hansen个人主页上的代码完成的&#xff0c;具体代码请在网上搜索BruceHansen的个人主页&#xff08;门槛回归创始人&#xff09;-左下角的Programs and Dat…...

业务人员都能用,这些功能降低了数据挖掘使用门槛

​提起数据挖掘的应用&#xff0c;大家一般会想起预测分析。例如&#xff0c;预测明年公司的业绩将会是多少&#xff1f;哪些客户可能流失&#xff1f;而实际上&#xff0c;数据挖掘除了预测未来&#xff0c;还可以帮助企业进行聚类分析、推荐、异常监测、相关性分析等等&#…...