HTML总结 Day3 ＜列表、表格＞

最新推荐文章于 2024-07-23 22:00:25 发布
最新推荐文章于 2024-07-23 22:00:25 发布
阅读量64 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dewei__boy/article/details/110673255
版权

HTML
//1.列表
作用

在这里插入图片描述
在这里插入图片描述
//2.表格
2.1分层
表格容器/行容器/单元格容器：table/tr/td
2.2标签
在这里插入图片描述
2.3属性在这里插入图片描述

dewei__boy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Day 36 表格、表单
day——01
11-13 294
一、表格标签 表格是较为常用的一种标签,但不是用来布局,常用来处理、显示表格式数据. 1.创建表格 在HTML网页中,要想创建表格,就需要使用表格相关的标签.创建表格的基本语法 格式如下: <table> <tr> <td>单元格内的文字</td> </tr> </table> table tr td都是创建表格的基本标签...
DAY02-HTML5列表 表格 表单
tang7mj的博客
07-21 443
标签，定义项使用标签，定义描述使用标签。定义列表通常用于描述术语和定义。定义列表服务中心申请售后售后政策
超全面的JavaWeb笔记day01<HTML等>
:)一位靓仔偶然路过的博客
09-25 539
1、html简介 　　- html的操作思想（*****） 2、文字标签和注释标签 3、标题标签、水平线标签和特殊字符 4、列表标签 5、图像标签（********） 6、路径介绍（相对路径*****） 7、案例一：列表标签（商品列表） 8、超链接标签（链接资源 *****） 9、表格标签（*******） ===================================
HTML 学习 | Day02 HTML常用标签(下) 表格标签、列表标签、表单标签、综合案例、查阅文档
qq_53306713的博客
12-20 546
表格标签、列表标签、表单标签、综合案例、查阅文档
html表格、列表和表单
Driedmango的博客
04-03 772
typora-copy-images-to: media 第01阶段.web基础：html-day02笔记-表格、列表和表单 HTML 第二天目标 能够利用表格、列表和表单完成注册页面的综合案例 能出说表格用来做什么的 能说出列表用来做什么的 能说出表单用来做什么的 为了让我们页面显示的更加整齐，我们需要学习三个表（表格、表单、列表） 一、表格 table(会使用) 学习目标 理解：...
黑马JavaWeb开发笔记04——HTML表格＜table＞、表单＜form＞、表单项＜input＞ ＜select＞ ＜textarea＞标签
apple_68589597的博客
07-23 700
本篇文章是2023年最新黑马JavaWeb企业级开发（知识清单DAY1完结）04 ：HTML表格、表单、表单项标签的总结。
day03 表格表单 html新特性
weixin_44304606的博客
09-16 227
表格 table 创表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <tr> <td>文字</td> ... </tr> ... </table> 在上面的语法中包含三对HTML标签，分别为 <table></tabl...
html-day02笔记-表格、列表和表单
w345599754的博客
04-02 148
typora-copy-images-to: media 第01阶段.web基础：html-day02笔记-表格、列表和表单 HTML 第二天目标 能够利用表格、列表和表单完成注册页面的综合案例 能出说表格用来做什么的 能说出列表用来做什么的 能说出表单用来做什么的 为了让我们页面显示的更加整齐，我们需要学习三个表（表格、表单、列表） 一、表格 table(会使用) 学习目标 理解：...
HTML5基础 (day3)
m0_52372037的博客
12-31 1457
< h4 > 水果碰碰撞 < ul > < li > 榴莲 < li > 山竹 < li > 荔枝 水果碰碰撞 < ul > < li > 榴莲 < li > 山竹 < li > 荔枝
用标准dl,dt,dd标签抛弃table列表
12-09
总结来说，虽然`<table>`在某些场景下仍然有用，但在创建小型数据列表和表单时，使用`<dl>`, `<dt>`, `<dd>`标签可以提供更简洁、更语义化的解决方案。通过这种方式，开发者可以减少代码量，降低出错概率，提高网站...
Day01_HTML基本标记.zip
09-15
列表也是网页中常见的元素，`<ul>`和`<ol>`分别创建无序列表和有序列表，`<li>`标签定义列表项。表格则通过`<table>`、`<tr>`（行）、`<td>`（单元格）和`<th>`（表头）标签来构建。 此外，HTML5引入了一些新的标签...
基于springboot大学生智能消费记账系统的设计与实现.docx
最新发布
09-06
基于springboot大学生智能消费记账系统的设计与实现.docx
基于Mnist数据集生成用于(多)目标检测的小型数据集.zip
09-06
1 目标检测的定义 目标检测（Object Detection）的任务是找出图像中所有感兴趣的目标（物体），确定它们的类别和位置，是计算机视觉领域的核心问题之一。由于各类物体有不同的外观、形状和姿态，加上成像时光照、遮挡等因素的干扰，目标检测一直是计算机视觉领域最具有挑战性的问题。 目标检测任务可分为两个关键的子任务，目标定位和目标分类。首先检测图像中目标的位置（目标定位），然后给出每个目标的具体类别（目标分类）。输出结果是一个边界框（称为Bounding-box，一般形式为(x1,y1,x2,y2)，表示框的左上角坐标和右下角坐标），一个置信度分数（Confidence Score），表示边界框中是否包含检测对象的概率和各个类别的概率（首先得到类别概率，经过Softmax可得到类别标签）。 1.1 Two stage方法 目前主流的基于深度学习的目标检测算法主要分为两类：Two stage和One stage。Two stage方法将目标检测过程分为两个阶段。第一个阶段是 Region Proposal 生成阶段，主要用于生成潜在的目标候选框（Bounding-box proposals）。这个阶段通常使用卷积神经网络（CNN）从输入图像中提取特征，然后通过一些技巧（如选择性搜索）来生成候选框。第二个阶段是分类和位置精修阶段，将第一个阶段生成的候选框输入到另一个 CNN 中进行分类，并根据分类结果对候选框的位置进行微调。Two stage 方法的优点是准确度较高，缺点是速度相对较慢。 常见Tow stage目标检测算法有：R-CNN系列、SPPNet等。 1.2 One stage方法 One stage方法直接利用模型提取特征值，并利用这些特征值进行目标的分类和定位，不需要生成Region Proposal。这种方法的优点是速度快，因为省略了Region Proposal生成的过程。One stage方法的缺点是准确度相对较低，因为它没有对潜在的目标进行预先筛选。 常见的One stage目标检测算法有：YOLO系列、SSD系列和RetinaNet等。 2 常见名词解释 2.1 NMS(Non-Maximum Suppression) 目标检测模型一般会给出目标的多个预测边界框，对成百上千的预测边界框都进行调整肯定是不可行的,需要对这些结果先进行一个大体的挑选。NMS称为非极大值抑制，作用是从众多预测边界框中挑选出最具代表性的结果，这样可以加快算法效率，其主要流程如下： 设定一个置信度分数阈值，将置信度分数小于阈值的直接过滤掉 将剩下框的置信度分数从大到小排序，选中值最大的框 遍历其余的框，如果和当前框的重叠面积(IOU)大于设定的阈值（一般为0.7），就将框删除（超过设定阈值，认为两个框的里面的物体属于同一个类别） 从未处理的框中继续选一个置信度分数最大的，重复上述过程，直至所有框处理完毕 2.2 IoU(Intersection over Union) 定义了两个边界框的重叠度，当预测边界框和真实边界框差异很小时，或重叠度很大时，表示模型产生的预测边界框很准确。边界框A、B的IOU计算公式为: 2.3 mAP(mean Average Precision) mAP即均值平均精度，是评估目标检测模型效果的最重要指标，这个值介于0到1之间，且越大越好。mAP是AP(Average Precision)的平均值，那么首先需要了解AP的概念。想要了解AP的概念，还要首先了解目标检测中Precision和Recall的概念。 首先我们设置置信度阈值（Confidence Threshold）和IoU阈值（一般设置为0.5，也会衡量0.75以及0.9的mAP值）： 当一个预测边界框被认为是True Positive（TP）时，需要同时满足下面三个条件： Confidence Score > Confidence Threshold 预测类别匹配真实值(Ground truth)的类别 预测边界框的IoU大于设定的IoU阈值 不满足条件2或条件3，则认为是False Positive（FP）。当对应同一个真值有多个预测结果时，只有最高置信度分数的预测结果被认为是True Positive，其余被认为是False Positive。 Precision和Recall的概念如下图所示： Precision表示TP与预测边界框数量的比值 Recall表示TP与真实边界框数量的比值 改变不同的置信度阈值，可以获得多组Precision和Recall，Recall放X轴，Precision放Y轴，可以画出一个Precision-Recall曲线，简称P-R
8051Proteus仿真c源码步进电机C版本
09-06
8051Proteus仿真c源码步进电机C版本提取方式是百度网盘分享地址
国内人气最高的Java人工智能算法框架 它可以Maven一键丝滑引入我们的Java项目，无需任何额外的环境配置与依赖，做到开箱即
09-06
国内人气最高的Java人工智能算法框架(java版pytorch)。它可以Maven一键丝滑引入我们的Java项目，无需任何额外的环境配置与依赖，做到开箱即用。再者，它既有一些我们已经封装好的图像目标检测及人工智能客服的模块，也提供各种深度学习，机器学习，强化学习，启发式学习，矩阵运算，求导函数，求偏导函数等底层算法工具。
QGraphicsView+QGraphicsScene+Item,实现加载背景图片（放大、缩小，右键移动）绘制线、矩形、多边形
09-06
继承QGraphicsItem，实现加载背景图，可鼠标滚轮放大、缩小、右键拖动； 创建CustomItemBase，实现绘制图像的父类+工厂模式， 实现绘制标记点、矩形、线、多边形、曲线，并且可对图像进行单击选中，移动、删除； 矩形、线、多边形，还可以进行选中，拖拽大小。
数字电子技术实验报告+
09-06
数字电子技术实验报告+
多层感知机的从零开始实现与pytorch简洁实现（pycharm版）
09-06
可以在pycharm直接运行的两个py文件：一个是从零实现，另一个是简洁实现。
使用python bs4库从下面这段内容“<div class="maingrid" data-v-0f3d927f=""> <!-- --> <!-- --> <!-- --> <div class="period" data-v-0f3d927f=""> Saturday, Jun 3, 2023 </div> <div class="summary summarykpis4" data-v-0f3d927f=""> <div class="icon" data-v-0f3d927f=""> <div class="partly-cloudy-day" data-v-0f3d927f=""> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Max </div> <div> 28℃ </div> <div class="normals"> <div> 22 </div> <div> 27 </div> <div> 36 </div> <div class="subtitle"> Min </div> <div class="subtitle"> Mean </div> <div class="subtitle"> Max </div> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Min </div> <div> 13℃ </div> <div class="normals"> <div> 9.9 </div> <div> 15 </div> <div> 19 </div> <div class="subtitle"> Min </div> <div class="subtitle"> Mean </div> <div class="subtitle"> Max </div> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Rain </div> <div> 0mm </div> <div class="normals"> <div> 0 </div> <div> 4.3 </div> <div> 23 </div> <div class="subtitle"> Min </div> <div class="subtitle"> Mean </div> <div class="subtitle"> Max </div> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Precip % </div> <div> 0% </div> <!-- --> </div> </div> <div class="description" data-v-0f3d927f=""> Partly cloudy throughout the day. </div> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> </div>”提取出6月3至6月5日天气信息
06-04
首先，我们需要将这段内容转化为 BeautifulSoup 对象。代码如下： ```python from bs4 import BeautifulSoup html = '<div class="maingrid" data-v-0f3d927f=""> <!-- --> <!-- --> <!-- --> <div class="period" data-v-0f3d927f=""> Saturday, Jun 3, 2023 </div> <div class="summary summarykpis4" data-v-0f3d927f=""> <div class="icon" data-v-0f3d927f=""> <div class="partly-cloudy-day" data-v-0f3d927f=""> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Max </div> <div> 28℃ </div> <div class="normals"> <div> 22 </div> <div> 27 </div> <div> 36 </div> <div class="subtitle"> Min </div> <div class="subtitle"> Mean </div> <div class="subtitle"> Max </div> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Min </div> <div> 13℃ </div> <div class="normals"> <div> 9.9 </div> <div> 15 </div> <div> 19 </div> <div class="subtitle"> Min </div> <div class="subtitle"> Mean </div> <div class="subtitle"> Max </div> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Rain </div> <div> 0mm </div> <div class="normals"> <div> 0 </div> <div> 4.3 </div> <div> 23 </div> <div class="subtitle"> Min </div> <div class="subtitle"> Mean </div> <div class="subtitle"> Max </div> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Precip % </div> <div> 0% </div> <!-- --> </div> </div> <div class="description" data-v-0f3d927f=""> Partly cloudy throughout the day. </div> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> </div>' soup = BeautifulSoup(html, 'html.parser') ``` 接下来，我们可以用 `find_all` 函数来查找所有的日期标签，然后依次提取出这三天的天气信息。代码如下： ```python # 查找所有日期标签 dates = soup.find_all('div', {'class': 'period'}) # 初始化存储天气信息的列表 weather_info = [] # 循环遍历查找到的日期标签 for date in dates: # 查找当前日期标签之后的三个 kpi 标签，也就是当前日期的天气信息 kpis = date.find_next_siblings('div', {'class': 'kpi'}) # 初始化存储当前日期天气信息的字典 info = {'date': date.text.strip()} # 循环遍历当前日期的 kpi 标签，提取出最高温度、最低温度、降雨量和降水概率信息 for kpi in kpis: subtitle = kpi.find('div', {'class': 'subtitle'}).text.strip() value = kpi.find('div', {'class': None}).text.strip() info[subtitle] = value # 将当前日期的天气信息添加到列表中 weather_info.append(info) ``` 最后，我们可以打印出提取出来的天气信息。代码如下： ```python for info in weather_info: print(info) ``` 输出结果如下： ``` {'date': 'Saturday, Jun 3, 2023', 'Max': '28℃', 'Min': '13℃', 'Rain': '0mm', 'Precip %': '0%'} {'date': 'Sunday, Jun 4, 2023', 'Max': '29℃', 'Min': '15℃', 'Rain': '0mm', 'Precip %': '0%'} {'date': 'Monday, Jun 5, 2023', 'Max': '29℃', 'Min': '16℃', 'Rain': '0mm', 'Precip %': '0%'} ``` 可以看到，我们成功地提取出了 6 月 3 日至 6 月 5 日的天气信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值