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

【HTML5】html5开篇基础（4）

news 2025/9/15 17:11:13

1.❤️❤️前言~🥳🎉🎉🎉

Hello, Hello~ 亲爱的朋友们👋👋，这里是E绵绵呀✍️✍️。

如果你喜欢这篇文章，请别吝啬你的点赞❤️❤️和收藏📖📖。如果你对我的内容感兴趣，记得关注我👀👀以便不错过每一篇精彩。

当然，如果在阅读中发现任何问题或疑问，我非常欢迎你在评论区留言指正🗨️🗨️。让我们共同努力，一起进步！

加油，一起CHIN UP！💪💪

🔗个人主页：E绵绵的博客
📚所属专栏：

1. JAVA知识点专栏

深入探索JAVA的核心概念与技术细节

2.JAVA题目练习

实战演练，巩固JAVA编程技能

3.c语言知识点专栏

揭示c语言的底层逻辑与高级特性

4.c语言题目练习

挑战自我，提升c语言编程能力

5.Mysql数据库专栏

了解Mysql知识点，提升数据库管理能力

6.html5知识点专栏

学习前端知识，更好的运用它

📘 持续更新中，敬请期待❤️❤️

2.无序列表

<ul>标签表示 HTML 页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用 <li>标签定义。无序列表的基本语法格式如下:
<u1>
<]>列表项1</1i>
<1i>列表项2</1i>
<1i>列表项3</1i>
</u1>
1.无序列表的各个列表项之间没有顺序级别之分，是并列的。
2.<ul> </u|> 中只能嵌套 <li>,直接在 <u|></ul> 标签中输入其他标签或者文字的做法是不被允许的。
3.<li>与 之间相当于一个容器,可以容纳所有元素，如
4.无序列表会带有自己的样式属性，但在实际使用时，我们会使用CSS 来设置将它不显示。

<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>无序列表示例</title>
</head><body><h2>无序列表</h2><ul><li>苹果</li><li>香蕉</li><li>橘子</li></ul>
</body></html>

3.有序列表

有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序排列定义在 HTML 标签中，<ol>标签用于定义有序列表，列表排序以数字来显示，并且使用 <li>标签来定义列表项。有序列表的基本语法格式如下:
<o1>
<1i>列表项1</1i>
<1i>列表项2</1i>
<1i>列表项3</1i>
</o1>
1.<ol></ol>中只能嵌套<li></li>,直接在<o|></ol>标签中输入其他标签或者文字的做法是不被允许的。
2.<li>与 之间相当于一个容器，可以容纳所有元素,如
3.有序列表会带有自己样式属性，但在实际使用时，我们会使用CSS来设置将它不显示。

<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>有序列表示例</title>
</head><body><h2>有序列表</h2><ol><li>第一步</li><li>第二步</li><li>第三步</li></ol>
</body></html>

4.自定义列表

自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何符号。（有序列表和无序列表都有特殊符号）

如上就是自定义列表。

在 HTML标签中，<dl>标签用于定义描述列表，该标签会与<dt>(定义项目)和<dd>(描述每一个项目)一起使用。其基本语法如下:
<d1>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</d1>
1.<dl></dl>里面只能包含<dt>和 <dd>
2.<dt>和<dd>个数没有限制,经常是一个<dt>对应多个<dd>

3.<dt>与 </dt> 以及 <dd>与</dd>之间相当于一个容器，可以容纳所有元素,如

<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>单个描述项列表</title>
</head><body><h2>单个描述项示例</h2><dl><dt>HTML</dt><dd>超文本标记语言</dd><dd>用于定义网页的结构</dd><dd>非常有用</dd></dl>
</body></html>

如果想要达成网页一样的效果之后用css来修饰就行。

【HTML5】html5开篇基础（4）

1.❤️❤️前言~🥳🎉🎉🎉 Hello, Hello~ 亲爱的朋友们👋👋，这里是E绵绵呀✍️✍️。如果你喜欢这篇文章，请别吝啬你的点赞❤️❤️和收藏📖📖。如果你对我的…...

编程日记 2024/10/6 18:13:25

HTTP【网络】

文章目录 HTTPURL(Uniform Resource Lacator) HTTP协议格式HTTP的方法HTTP的状态码HTTP常见的Header HTTP 超文本传输协议，是一个简单的请求-响应协议，HTTP通常运行在TCP之上 URL(Uniform Resource Lacator) 一资源定位符，也就是通常所说的…...

编程日记 2024/10/6 18:11:23

MQ延迟消息：原理、实现与应用

在现代分布式系统中，消息队列（Message Queue，简称MQ）已经成为实现异步通信、解耦服务和削峰填谷的重要工具。延迟消息（Delayed Message）作为MQ的一种高级特性，允许消息在指定的延迟时间后投递到…...

编程日记 2024/10/6 18:10:21

计算机网络—大端序和小端序

大端序和小端序大端序（Big-endian）和小端序（Little-endian）是指在多字节数据类型（如整数或浮点数）的存储和表示方式上的不同。以下是关于大端序和小端序的详细解释： 一、定义大端序&#xf…...

编程日记 2024/10/6 18:09:20

《OpenCV 计算机视觉》—— Harris角点检测、SIFT特征检测

文章目录一、Harris 角点检测1.基本思想2.检测步骤3.OpenCV实现二、SIFT特征检测1. SIFT特征检测的基本原理2. SIFT特征检测的特点3. OpenCV 实现一、Harris 角点检测 OpenCV中的Harris角点检测是一种基于图像灰度值变化的角点提取算法，它通过计算每个像素点的响…...

编程日记 2024/10/6 18:08:19

rtmp协议转websocketflv的去队列积压

websocket server的优点 websocket server的好处：WebSocket 服务器能够实现实时的数据推送，服务器可以主动向客户端发送数据 1 不需要客户端不断轮询。 2 不需要实现httpserver跨域。在需要修改协议的时候比较灵活，我们发送数据的时候比较…...

编程日记 2024/10/6 18:07:18

Elasticsearch实战应用：构建高效搜索引擎

在大数据时代，如何高效存储和检索海量信息成为了一个重要课题。Elasticsearch作为一个开源的分布式搜索引擎，以其强大的搜索能力和灵活的扩展性，成为了许多企业和开发者的首选。本文将深入探讨Elasticsearch的实战应用，包括基本概…...

编程日记 2024/10/6 18:04:15

Hive数仓操作（四）

一、Hive 创建表案例一（ARRAY数组类型） 1. 准备数据文件首先，准备一个名为 stu2.txt 的文件，文件内容示例如下： 1001 Alice fish,cat 1002 Bob dog,rabbit 1003 Charlie bird注意： …...

编程日记 2024/10/6 18:00:11

《C++跨平台开发：突破界限，释放无限可能》

在当今的软件开发领域，跨平台开发已成为一种重要趋势。它允许开发者编写一次代码，然后在多个不同的操作系统和硬件平台上运行，极大地提高了开发效率和软件的可扩展性。而 C作为一种强大的编程语言，也具备实现跨平台开发的能力。本…...

编程日记 2024/10/6 17:59:10

速盾：免备案服务器？

速盾是一家提供网络安全服务的公司，其主要产品包括CDN加速、WEB防护、WAF、DDoS防护等。在网站建设过程中，选择一个合适的服务器是非常重要的一步。传统的服务器需要备案，涉及到较多的流程和审批时间，给网站运营带来了一定的麻烦。…...

编程日记 2024/10/6 17:58:08

Electron获取nodejs和chrome版本信息

Electron获取nodejs和chrome版本信息环境： electron: 30.1.1 nodejs: 20.14.0代码 $ tree . --- index.html --- index.js --- package.jsonindex.html <!DOCTYPE html> <html><head><meta charset"UTF-8" /><title>H…...

编程日记 2024/10/6 17:54:04

【React】setState 批量更新

setState 批量更新的过程 React 的 setState 调用是异步的。为了性能原因，React 会将多个 setState 调用合并成一次批量更新。具体过程如下： 1）React 先将调用的每个 setState 所产生的更新对象存储在一个队列中。 2）在所有的同步…...

编程日记 2024/10/6 17:53:03

微信小程序开发日记第二天

坚持在各个平台更新自己写小程序的心得体会，在百度贴吧和csdn更新自己的小程序日记，同时也是个体不断地对于云技术的开发和成长，进行提升！不断地将开源开放创新思维运用到自己的小程序当中，小程序制作的关键就是&#…...

编程日记 2024/10/6 17:50:01

如果您忘记了 Apple ID 和密码，按照指南可重新进入您的设备

即使您的 iPhone 或 iPad 由于各种原因被锁定或禁用，也可以使用 iTunes、“查找我的”、Apple 支持和 iCloud 解锁您的设备。但是，此过程需要您的 Apple ID 和密码来验证所有权并移除激活锁。如果您忘记了 Apple ID 和密码，请按照我们的指南重…...

编程日记 2024/10/6 17:46:57

Top4免费音频剪辑软件大比拼，2024年你选哪一款？

现在我们生活在一个数字化的时代，音频内容对我们来说很重要。不管是给自己拍的视频配背景音乐、整理开会时的录音，还是自己写歌，有个好用的音频剪辑软件都特别重要。今天，我要给大家介绍几款特别好用的音频剪辑软件免费的&#xf…...

编程日记 2024/10/6 17:45:55

基于SSM的电影院售票系统设计与实现

文未可获取一份本项目的java源码和数据库参考。前言近些年的电影在人们文娱活动中占据重要地位，另外，由于人们的生活越来越富有，越来越多的人们不再选择在家里看电影，而是选择去电影院看电影。但是，以往的售票方式是…...

编程日记 2024/10/6 17:44:53

uniapp 必须掌握的细节

1.使用watch实现实时监控的效果例如：实时监测手机号码的示例 // 实时监测手机号码 watch(() > UserRegisterForm.value.phone, (newPhone) > {// 简单的手机号码正则表达式验证const phoneRegex /^1[3-9]\d{9}$/;tips.value.tipPhone !phoneRegex.test(n…...

编程日记 2024/10/6 17:42:50

JavaWeb——Vue组件库Element（3/6）：常见组件：Dialog对话框、Form表单（介绍、使用、实际效果）

目录 Dialog对话框介绍使用实际效果 Form表单介绍使用实际效果 Dialog对话框介绍 Dialog对话框：在保留当前页面状态的情况下，告知用户并承载相关操作。 Dialog 对话框组件可以在保留当前页面信息的状态下弹出一个对话框，并…...

编程日记 2024/10/6 17:41:49

一个月学会Java 第2天认识类与对象

Day2 认识类与对象第一章初识类经过一个程序的编写，应该对程序的结构有点好奇了吧，如果你有基础，接下来的肯定非常的易懂，如果你没有基础也没有关系，反复琢磨一下也就懂了😆 我们来重复一下第一个程序 …...

编程日记 2024/10/6 17:39:47

【WRF数据准备】MODIS静态地理数据下载及制备

【WRF数据准备】MODIS静态地理数据下载及制备 MODIS数据介绍数据下载数据拼接MRT工具介绍基于MRT软件完成数据拼接格式转换：tif文件转二进制格式编写INDEX修改GEOGRID.TBL以及namelist.wps修改GEOGRID.TBL修改namelist.wps 参考 MODIS数据介绍 MODIS-MCD12Q1 v061…...

编程日记 2024/10/6 17:38:47

RocketMQ延迟消息机制

两种延迟消息 RocketMQ中提供了两种延迟消息机制指定固定的延迟级别通过在Message中设定一个MessageDelayLevel参数，对应18个预设的延迟级别指定时间点的延迟级别通过在Message中设定一个DeliverTimeMS指定一个Long类型表示的具体时间点。到了时间点后&#xf…...

编程新知 2025/9/12 22:07:59

CMake 从 GitHub 下载第三方库并使用

有时我们希望直接使用 GitHub 上的开源库，而不想手动下载、编译和安装。可以利用 CMake 提供的 FetchContent 模块来实现自动下载、构建和链接第三方库。 FetchContent 命令官方文档✅ 示例代码我们将以 fmt 这个流行的格式化库为例，演示如何：使用 FetchContent 从 GitH…...

编程新知 2025/9/2 19:31:47

NLP学习路线图（二十三）：长短期记忆网络（LSTM）

在自然语言处理（NLP）领域，我们时刻面临着处理序列数据的核心挑战。无论是理解句子的结构、分析文本的情感，还是实现语言的翻译，都需要模型能够捕捉词语之间依时序产生的复杂依赖关系。传统的神经网络结构在处理这种序列依赖时显得力不从心，而循环神经网络（RNN）曾被视为…...

编程新知 2025/9/3 5:05:40

Redis的发布订阅模式与专业的 MQ（如 Kafka, RabbitMQ）相比，优缺点是什么？适用于哪些场景？

Redis 的发布订阅（Pub/Sub）模式与专业的 MQ（Message Queue）如 Kafka、RabbitMQ 进行比较，核心的权衡点在于：简单与速度 vs. 可靠与功能。下面我们详细展开对比。 Redis Pub/Sub 的核心特点它是一个发后…...

编程新知 2025/8/21 20:41:27

NXP S32K146 T-Box 携手 SD NAND（贴片式TF卡）：驱动汽车智能革新的黄金组合

在汽车智能化的汹涌浪潮中，车辆不再仅仅是传统的交通工具，而是逐步演变为高度智能的移动终端。这一转变的核心支撑，来自于车内关键技术的深度融合与协同创新。车载远程信息处理盒（T-Box）方案：NXP S32K146 与…...

编程新知 2025/9/13 9:39:42

R语言速释制剂QBD解决方案之三

本文是《Quality by Design for ANDAs: An Example for Immediate-Release Dosage Forms》第一个处方的R语言解决方案。第一个处方研究评估原料药粒径分布、MCC/Lactose比例、崩解剂用量对制剂CQAs的影响。第二处方研究用于理解颗粒外加硬脂酸镁和滑石粉对片剂质量和可生产…...

编程新知 2025/9/2 17:53:12

CRMEB 中 PHP 短信扩展开发：涵盖一号通、阿里云、腾讯云、创蓝

目前已有一号通短信、阿里云短信、腾讯云短信扩展扩展入口文件文件目录 crmeb\services\sms\Sms.php 默认驱动类型为：一号通 namespace crmeb\services\sms;use crmeb\basic\BaseManager; use crmeb\services\AccessTokenServeService; use crmeb\services\sms\…...

编程新知 2025/9/12 22:08:06