HTML新手入门笔记整理：块元素和行内元素
块元素
在HTML中，块元素在浏览器显示状态下独占一行，并且排斥其他元素与其位于一行。一般情况下，块元素内部可以容纳其他块元素和行内元素。
常见块元素
| 块元素 | 说明 |
| h1~h6 | 标题元素 |
| p | 段落元素 |
| div | div元素 |
| hr | 水平线 |
| ol | 有序列表 |
| ul | 无序列表 |
行内元素
在HTML中，行内元素可以与其他行内元素位于同一行，行内元素（标签内部）只可以容纳其他行内元素，不可以容纳块元素。
常见行内元素
| 行内元素 | 说明 |
| strong/b | 粗体元素 |
| em | 斜体元素 |
| a | 超连接 |
| span | 常用于行内元素，结合CSS定义样式 |
相关文章：
HTML新手入门笔记整理：块元素和行内元素
块元素 在HTML中，块元素在浏览器显示状态下独占一行，并且排斥其他元素与其位于一行。一般情况下，块元素内部可以容纳其他块元素和行内元素。 常见块元素 块元素 说明 h1~h6 标题元素 p 段落元素 div div元素 hr 水平线 ol 有序列…...
Hook+jsdom 解决cookie逆向
前言 记录下如何破cookie逆向 目标 目标网址：https://q.10jqka.com.cn/ 目标接口：http://q.10jqka.com.cn/index/index/board/all/field/zdf/order/desc/page/2/ajax/1/ 对抗：cookie反爬虫处理，关键字v，如图 解决步骤 1、JS中关键字查找 如上，我们找到了关键字 v，…...
【封装UI组件库系列】封装Icon图标组件
封装UI组件库系列第三篇封装Icon图标组件 🌟前言 🌟封装Icon 1.创建Icon组件 2.引用svg图标库 第一步 第二步 第三步 3.二次封装 4.封装自定义属性 🌟总结 🌟前言 在前端开发中，大家可能已经用过各种各样的UI组…...
STM32：基本定时器原理和定时程序
一、初识定时器TIM 定时器就是计数器，定时器的作用就是设置一个时间，然后时间到后就会通过中断等方式通知STM32执行某些程序。定时器除了可以实现普通的定时功能，还可以实现捕获脉冲宽度，计算PWM占空比，输出PWM波形&am…...
EntityFramework 批量删除操作
刚刚开始使用Entityframwork 来操作数据库。遇到了批量删除数据。 EF内部用的方法是：dbcontext.Datas.RemoveRange(list); 这总方法，少量数据是可行的。 但遇到大数据量的时候，这个方法完全不能用。 所以找了另一种方法： stri…...
springboot使用的设计模式
设计模式是在软件设计中常用的一些通用解决方案。在开发商城编码时，以下设计模式可能会有用： 工厂模式（Factory Pattern）： 用于创建对象的模式。在商城中，可能会涉及到创建不同类型的商品、订单等对象&…...
IP地址定位技术发展与未来趋势
随着互联网的快速发展，人们对网络的需求和依赖程度越来越高。在海量的网络数据传输中，IP地址定位技术作为网络安全与信息追踪的重要手段，其精准度一直备受关注。近年来，随着技术的不断进步，IP地址定位的精准度得到了显…...
AI与交通运输
人工智能（AI）正在改变几乎所有行业，交通运输也不例外。 虽然与某些行业相比，我们运输货物和乘客的方式在过去 50 年里变化相对较小，但人工智能有望引发一场运输革命—如果你正在寻找人工智能的机会，不要错过…...
window.requestAnimationFrame+localStorage+canvas实现跨窗口小球连线效果
文章目录 前言效果代码后言 前言 hello world欢迎来到前端的新世界 😜当前文章系列专栏：前端系列文章 🐱👓博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板。(如果出现错误，感谢大家…...
使用AndResGuard报错：copy res file not in resources.arsc file:Ezi.xml
Android使用AndResGuard进行资源混淆，压缩。 源码地址：GitHub - shwenzhang/AndResGuard: proguard resource for Android by wechat team 集成完成后编译过程中出现如下错误： 14:57:05 copy res file not in resources.arsc file:IUk.xml…...
插入排序（形象类比）
最近在看riscv手册的时候，里面有一段代码是插入排序，但是单看代码的时候有点迷，没看懂咋操作的，后来又查资料复习了一下，最终才把代码看明白，所以写篇博客记录一下。 插入排序像打扑克牌 这是我听到过比较形…...
ElasticSearch 同步的方式
ElasticSearch 同步的方式 ElasticSearch是一款强大的分布式搜索和分析引擎，支持多种方式同步数据和日志。下面介绍几种常见的同步方式： 1. Logstash Logstash 是 ElasticStack 的一部分，用于收集、处理和转发日志和事件数据。通过配置 Lo…...
easyExcel实现分批导入，动态表头分批导出，以及导出表格样式设置
<dependency><groupId>com.alibaba</groupId><artifactId>easyexcel</artifactId><version>2.2.6</version></dependency> 一，分批导入 1.首先配置表格头映射类 Getter Setter EqualsAndHashCode public class …...
Android BottomNavigationView底部菜单栏文字显示问题
1. BottomNavigationView 如果tab栏数据小于等于3个，那么图标和文字都是展示出来； 2. BottomNavigationView 如果tab栏数据大于3个，那么图标会显示出来，但是文字会隐藏； 3. 解决方式： （当底部…...
)
从零开始学习typescript——运算符(条件运算法、逻辑运算符、类型运算符、位运算)
条件运算符 条件运算符是一个根据条件返回不同运算结果的运算符 关键字：?: 三元运算符 它可以换成if …else 判断 ? true ： false 判断为true，返回？号后面的，判断为false ,返回： 号后面的 逻辑运算符 用…...
【开源】基于Vue.js的康复中心管理系统
项目编号： S 056 ，文末获取源码。 \color{red}{项目编号：S056，文末获取源码。} 项目编号：S056，文末获取源码。 目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 普通用户模块2.2 护工模块2.3 管理员…...
抢先看｜第二届世界直播电商大会邀您共话时代“新电商”
党的二十大报告指出，要加快发展数字经济，促进数字经济和实体经济深度融合。要深化国家数字经济创新发展试验区建设，打造一批具有国际竞争力的战略性新兴产业集群和数字产业集群。电子商务作为数字经济中规模最大、表现最活跃、发展势头最好的…...
火爆火爆！影响超250万读者，Python入门圣经全新升级！
人生苦短，快学Python！ 什么？你没用过，也没开始学习，甚至没有认真了解过这门语言？那你一定这一秒就开始发力——下面让我们先简单看看 Python 有多火。权威编程语言排行榜 TIOBE，2022 和 2023 都…...
-hive on mapreduce对比hive on spark)
大数据学习(23)-hive on mapreduce对比hive on spark
&&大数据学习&& 🔥系列专栏： 👑哲学语录: 承认自己的无知，乃是开启智慧的大门 💖如果觉得博主的文章还不错的话，请点赞👍收藏⭐️留言📝支持一下博主哦ᾑ…...
通过这个简单的技巧让我们的 JavaScript 代码变得异常快
通过这个简单的技巧让我们的 JavaScript 代码变得异常快 秘诀：了解JavaScript 虚拟机(VM)的内部工作原理。 首先，我们来谈谈像 V8 这样的JavaScript 虚拟机(VM)。可以把它想象成我们的操作的大脑 —— 它将我们简洁的代码变成计算机可以理解和执行的东…...
Docker 离线安装指南
参考文章 1、确认操作系统类型及内核版本 Docker依赖于Linux内核的一些特性，不同版本的Docker对内核版本有不同要求。例如，Docker 17.06及之后的版本通常需要Linux内核3.10及以上版本，Docker17.09及更高版本对应Linux内核4.9.x及更高版本。…...
【力扣数据库知识手册笔记】索引
索引 索引的优缺点 优点1. 通过创建唯一性索引，可以保证数据库表中每一行数据的唯一性。2. 可以加快数据的检索速度（创建索引的主要原因）。3. 可以加速表和表之间的连接，实现数据的参考完整性。4. 可以在查询过程中，…...
ardupilot 开发环境eclipse 中import 缺少C++
目录 文章目录 目录摘要1.修复过程摘要 本节主要解决ardupilot 开发环境eclipse 中import 缺少C++，无法导入ardupilot代码，会引起查看不方便的问题。如下图所示 1.修复过程 0.安装ubuntu 软件中自带的eclipse 1.打开eclipse—Help—install new software 2.在 Work with中…...
根据万维钢·精英日课6的内容，使用AI（2025）可以参考以下方法：
根据万维钢精英日课6的内容，使用AI（2025）可以参考以下方法： 四个洞见 模型已经比人聪明：以ChatGPT o3为代表的AI非常强大，能运用高级理论解释道理、引用最新学术论文，生成对顶尖科学家都有用的…...
Springboot社区养老保险系统小程序
一、前言 随着我国经济迅速发展，人们对手机的需求越来越大，各种手机软件也都在被广泛应用，但是对于手机进行数据信息管理，对于手机的各种软件也是备受用户的喜爱，社区养老保险系统小程序被用户普遍使用，为方…...
HashMap中的put方法执行流程（流程图）
1 put操作整体流程 HashMap 的 put 操作是其最核心的功能之一。在 JDK 1.8 及以后版本中，其主要逻辑封装在 putVal 这个内部方法中。整个过程大致如下： 初始判断与哈希计算： 首先，putVal 方法会检查当前的 table（也就…...
管理学院权限管理系统开发总结
文章目录 🎓 管理学院权限管理系统开发总结 - 现代化Web应用实践之路📝 项目概述🏗️ 技术架构设计后端技术栈前端技术栈 💡 核心功能特性1. 用户管理模块2. 权限管理系统3. 统计报表功能4. 用户体验优化 🗄️ 数据库设…...
音视频——I2S 协议详解
I2S 协议详解 I2S (Inter-IC Sound) 协议是一种串行总线协议，专门用于在数字音频设备之间传输数字音频数据。它由飞利浦（Philips）公司开发，以其简单、高效和广泛的兼容性而闻名。 1. 信号线 I2S 协议通常使用三根或四根信号线&a…...
[ACTF2020 新生赛]Include 1(php://filter伪协议)
题目 做法 启动靶机，点进去 点进去 查看URL，有 ?fileflag.php说明存在文件包含，原理是php://filter 协议 当它与包含函数结合时，php://filter流会被当作php文件执行。 用php://filter加编码，能让PHP把文件内容…...
Vue ③-生命周期 || 脚手架
生命周期 思考：什么时候可以发送初始化渲染请求？（越早越好） 什么时候可以开始操作dom？（至少dom得渲染出来） Vue生命周期： 一个Vue实例从 创建 到 销毁 的整个过程。 生命周期四个…...