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)。可以把它想象成我们的操作的大脑 —— 它将我们简洁的代码变成计算机可以理解和执行的东…...
OpenLayers 可视化之热力图
注：当前使用的是 ol 5.3.0 版本，天地图使用的key请到天地图官网申请，并替换为自己的key 热力图（Heatmap）又叫热点图，是一种通过特殊高亮显示事物密度分布、变化趋势的数据可视化技术。采用颜色的深浅来显示…...
Ubuntu系统下交叉编译openssl
一、参考资料 OpenSSL&&libcurl库的交叉编译 - hesetone - 博客园 二、准备工作 1. 编译环境 宿主机：Ubuntu 20.04.6 LTSHost：ARM32位交叉编译器：arm-linux-gnueabihf-gcc-11.1.0 2. 设置交叉编译工具链 在交叉编译之前&#x…...
DeepSeek 赋能智慧能源：微电网优化调度的智能革新路径
目录 一、智慧能源微电网优化调度概述1.1 智慧能源微电网概念1.2 优化调度的重要性1.3 目前面临的挑战 二、DeepSeek 技术探秘2.1 DeepSeek 技术原理2.2 DeepSeek 独特优势2.3 DeepSeek 在 AI 领域地位 三、DeepSeek 在微电网优化调度中的应用剖析3.1 数据处理与分析3.2 预测与…...
微软PowerBI考试 PL300-选择 Power BI 模型框架【附练习数据】
微软PowerBI考试 PL300-选择 Power BI 模型框架 20 多年来，Microsoft 持续对企业商业智能 (BI) 进行大量投资。 Azure Analysis Services (AAS) 和 SQL Server Analysis Services (SSAS) 基于无数企业使用的成熟的 BI 数据建模技术。 同样的技术也是 Power BI 数据…...
Objective-C常用命名规范总结
【OC】常用命名规范总结 文章目录 【OC】常用命名规范总结1.类名（Class Name)2.协议名（Protocol Name)3.方法名（Method Name)4.属性名（Property Name）5.局部变量/实例变量（Local / Instance Variables&…...
测试markdown--肇兴
day1： 1、去程：7:04 --11:32高铁 高铁右转上售票大厅2楼，穿过候车厅下一楼，上大巴车 ￥10/人 **2、到达：**12点多到达寨子，买门票，美团/抖音：￥78人 3、中饭&a…...
linux arm系统烧录
1、打开瑞芯微程序 2、按住linux arm 的 recover按键 插入电源 3、当瑞芯微检测到有设备 4、松开recover按键 5、选择升级固件 6、点击固件选择本地刷机的linux arm 镜像 7、点击升级 （忘了有没有这步了 估计有） 刷机程序 和 镜像 就不提供了。要刷的时…...
江苏艾立泰跨国资源接力：废料变黄金的绿色供应链革命
在华东塑料包装行业面临限塑令深度调整的背景下，江苏艾立泰以一场跨国资源接力的创新实践，重新定义了绿色供应链的边界。 跨国回收网络：废料变黄金的全球棋局 艾立泰在欧洲、东南亚建立再生塑料回收点，将海外废弃包装箱通过标准…...
React19源码系列之 事件插件系统
事件类别 事件类型 定义 文档 Event Event 接口表示在 EventTarget 上出现的事件。 Event - Web API | MDN UIEvent UIEvent 接口表示简单的用户界面事件。 UIEvent - Web API | MDN KeyboardEvent KeyboardEvent 对象描述了用户与键盘的交互。 KeyboardEvent - Web…...
【2025年】解决Burpsuite抓不到https包的问题
环境：windows11 burpsuite:2025.5 在抓取https网站时，burpsuite抓取不到https数据包，只显示： 解决该问题只需如下三个步骤： 1、浏览器中访问 http://burp 2、下载 CA certificate 证书 3、在设置--隐私与安全--…...