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

html相关常用语法

article 2026/3/2 15:11:20

html相关常用语法

HTML（HyperText Markup Language）即超文本标记语言，是用于创建网页的标准标记语言
HTML使用标记语言描述Web页面的结构
HTML元素是HTML页面的建构快
HTML元素通过标签tag来表示
HTML标签是“标题”、”段落“、”表格“等内容的一部分
浏览器不显示HTML标签，但是使用它们来渲染页面内容

HTML标签是被尖括号包围的元素名称，html标签通常成对出现，一个是开始标签，一个是结束标签。开始标签和结束标签相同，但在结束标签名称前需要插入一个反斜线

  1. ！ 生成html基本模板
<!--使用!生成html基本模板--><!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body></body>
</html>

2.子元素>

<!-- div>ul>li -->
<div><ul><li></li></ul>
</div>

3.兄弟元素 +

<!-- div+p+bq -->
<div></div>
<p></p>
<blockquote></blockquote>

4.嵌套子元素 >

<!-- div+div>p>span+em -->
<div></div>
<div><p><span></span><em></em></p>
</div>

5.多次重复 *

<!-- ul>li*5 -->
<ul><li></li><li></li><li></li><li></li><li></li>
</ul>

6.分组（）

<!-- div>(header>ul>li*2>a)+footer>p -->
<div></div>
<header><ul><li><a href=""></a></li><li><a href=""></a></li></ul>
</header>
<footer><p></p>
</footer>

7.属性操作id和class

<!-- div#header+div.page+div#footer.class1.class2.class3 -->
<div id="header"></div>
<div class="page"></div>
<div id="footer" class="class1 class2 class3"></div>

举一个简单的实例

<!DOCTYPE html>
<html>
<head><title>标题</title><meta charset="utf-8">
</head>
<body><h1>标题</h1><p>段落</p>
</body>
</html>

<!--声明文档类型为 HTML5 只出现一次，并且在页面顶部--><!DOCTYPE html>

<!--html元素是HTML页面的根元素-->
<html>

<!--head 元素包含关于文档的元数据信息-->
<head>

<!--title元素为文档指定一个标题-->
<title>标题</title>

<!--body元素包含可视化页面内容-->
<body>

<!--h1元素定义一个大的标题-->
<h1>标题</h1>

<!--p元素定义一个段落-->
<p>段落</p>

相关文章：

html相关常用语法

html相关常用语法 HTML&#xff08;HyperText Markup Language&#xff09;即超文本标记语言&#xff0c;是用于创建网页的标准标记语言 HTML使用标记语言描述Web页面的结构 HTML元素是HTML页面的建构快 HTML元素通过标签tag来表示 HTML标签是“标题”、”段落“、”表格“等内…...

编程日记 2025/9/5 13:44:47

vue3+ts心得

1、Vue3核心 1、setup setup里弱化this&#xff0c;return可以返回函数&#xff0c;返回后页面也显示那个函数值 data里面是可以用this.来获取setup里的值&#xff0c;这个是单向的 vue3两个script标签不要觉得奇怪&#xff0c;一个是配置组合式api的&#xff0c;一个是配置组…...

编程日记 2026/2/19 18:57:38

单片机flash存储也做磨损均衡

最近在做一个项目&#xff0c;需要保存设置数据&#xff0c;掉电不丢失。那么首先想到的是加个24c02&#xff0c;是一个eeprom&#xff0c;但是客户板太小&#xff0c;没有办法进行扩展。后面就找了一个带ee的OTP单片机&#xff0c;发现擦写次数有限&#xff0c;只有1000次&…...

编程日记 2025/9/9 7:27:23

【FAQ】HarmonyOS SDK 闭源开放能力 —Push Kit（10）

1.问题描述&#xff1a; 离线推送&#xff0c;锁屏的时候没有弹出消息&#xff0c;只有下拉在通知中心里面显示。请问是否是正常的&#xff1f; 解决方案&#xff1a; 检查一下是否存在图片风控&#xff1a;https://developer.huawei.com/consumer/cn/doc/harmonyos-referen…...

编程日记 2026/1/24 22:10:59

SQLark中如何进行数据筛选与排序

本文将为你介绍在 SQLark 中如何进行数据筛选与排序&#xff0c;掌握这些操作能够极大提升你的工作效率。 SQLark官网链接:www.sqlark.com 数据筛选 在数据库操作中&#xff0c;数据筛选是一项关键功能&#xff0c;它依据特定条件对数据进行过滤&#xff0c;帮助用户从海量数据…...

编程日记 2026/2/27 15:50:25

token升级（考虑在分布式环境中布置token，结合session保证请求调用过程中token不会过期。）

思路&#xff1a; 首先&#xff0c;用户的需求是确保使用同一个Token的外部调用都在一个Session中处理。 需要考虑Token与Session绑定、安全措施、Session管理、分布式处理等。 使用Redis作为Session存储&#xff0c; 在Java中 通过Spring Data Redis或Lettuce库实现。 2.生成…...

编程日记 2026/1/13 10:17:00

VSTO（C#）Excel开发11：自定义任务窗格与多个工作簿

初级代码游戏的专栏介绍与文章目录-CSDN博客 我的github&#xff1a;codetoys&#xff0c;所有代码都将会位于ctfc库中。已经放入库中我会指出在库中的位置。 这些代码大部分以Linux为目标但部分代码是纯C的&#xff0c;可以在任何平台上使用。 源码指引&#xff1a;github源…...

编程日记 2026/2/19 17:13:46

python：AI+ music21 构建LSTM模型生成爵士风格音乐

这是一个使用 python的 music21 和 TensorFlow/Keras 构建 LSTM 模型生成爵士风格音乐的完整脚本。该脚本包含MIDI数据处理、模型训练和音乐生成全流程&#xff1a; # -*- coding: utf-8 -*- """AI music21 和 TensorFlow/Keras 构建LSTM模型生成爵士风格音乐 …...

编程日记 2025/9/8 14:09:01

vscode查看文件历史git commit记录

方案一&#xff1a;GitLens 在vscode扩展商店下载GitLens 选中要查看的文件&#xff0c;vscode界面右上角点击GitLens的图标&#xff0c;选择Toggle File Blame 界面显示当前打开文件的所有修改历史记录 鼠标放到某条记录上&#xff0c;可以看到记录详情&#xff0c;选中O…...

编程日记 2026/3/1 6:26:36

使用netDxf扩充LaserGRBL使它支持Dxf文件格式

为 LaserGRBL 扩展支持 DXF 文件格式&#xff0c;需要了解 LaserGRBL 的代码结构&#xff0c;并在其基础上添加 DXF 文件的解析和转换逻辑。以下是详细的扩展方案&#xff1a; 1. 了解 LaserGRBL LaserGRBL 是一个用于控制激光雕刻机的开源软件&#xff0c;支持 G 代码文件的加…...

编程日记 2026/1/23 22:20:36

GaussDB备份数据常用命令

1、常用备份命令gs_dump 说明&#xff1a;是一个服务器端工具&#xff0c;可以在线导出数据库的数据&#xff0c;这些数据包含整个数据库或数据库中指定的对象&#xff08;如&#xff1a;模式&#xff0c;表&#xff0c;视图等&#xff09;&#xff0c;并且支持导出完整一致的数…...

编程日记 2026/2/19 18:38:03

数学建模 第三节

目录 前言 一 钻井布局问题 第一问分析 第二问分析 总结 前言 这里讲述99年的钻井布局问题&#xff0c;利用这个问题讲述模型优化&#xff0c;LINGO&#xff0c;MATLAB的使用 一 钻井布局问题 这个是钻井布局的原题&#xff0c;坐标的位置为 a [0.50,1.41,3.00,3.37,3…...

编程日记 2026/2/27 3:17:56

单调队列【C/C++】

当我在网上搜索了一大堆单调队列的文章后&#xff0c; 我人傻了&#xff01;&#xff1f; 单调队列不应该很难吗&#xff1f;&#xff1f; 不应该是&#xff0c;像 优先队列 那样&#xff0c;站在 堆 的肩膀上&#xff0c;极尽升华吗&#xff1f;&#xff1f;&#xff1f; …...

编程日记 2026/2/13 8:31:17

Spark DataFrame、Dataset 和 SQL 解析原理深入解析（万字长文多张原理图）

目录 1. Spark SQL 概述 1.1 Spark 整体架构概览 1.2 DataFrame 与 Dataset 简介 2. RDD 与 Spark 的分布式架构基础 2.1 弹性分布式数据集（RDD） 2.2 Spark 的分布式执行模型 3. SQL 解析流程与 Catalyst 优化器 3.1 SQL 解析流程概述 3.2 解析阶段与抽象语法树（AST…...

编程日记 2025/7/14 5:04:50

算法系列——有监督学习——3.逻辑回归

一、概述 逻辑回归是一种学习某个事件发生概率的算法。利用这个概率&#xff0c;可以对某个事件发生或不发生进行二元分类。虽然逻辑回归本来是二元分类的算法&#xff0c;但也可以用于三种类别以上的分类问题。为了理解这个算法&#xff0c;请思考以下例子。 你在回家的路上发…...

编程日记 2026/2/19 14:04:54

深入理解traceroute命令及其原理

traceroute 是一个网络诊断工具&#xff08;Windows上叫tracert&#xff09;&#xff0c;用于显示数据包从本地主机到远程主机经过的路由&#xff08;跳数&#xff09;。它可以帮助您了解数据包在网络中的传输路径&#xff0c;以及每跳的延迟情况。这对于网络故障排除、分析网络…...

编程日记 2026/2/19 15:59:14

前后端联调解决跨域问题的方案

引言 在前后端分离的开发模式中&#xff0c;前端和后端通常在不同的服务器或端口运行&#xff0c;这样就会面临跨域问题。跨域问题是指浏览器因安全限制阻止前端代码访问与当前网页源不同的域、协议或端口的资源。对于 Java 后端应用&#xff0c;我们可以通过配置 CORS&#x…...

编程日记 2026/2/19 15:59:33

深入解析 .NET 中的依赖项加载机制：原理、实现与最佳实践

在现代应用程序的开发中&#xff0c;依赖项管理与加载是非常重要的组成部分&#xff0c;尤其是在大型系统中&#xff0c;如何高效地加载和管理依赖项可以极大地影响应用程序的性能、可维护性和扩展性。在 .NET 中&#xff0c;依赖项加载不仅涉及静态依赖的管理&#xff0c;还包…...

编程日记 2026/2/25 20:02:50

【vue2 + Cesium】相机视角移动+添加模型、模型点击事件

参考文章&#xff1a;vue2 使用 cesium 【第二篇-相机视角移动添加模型】 这篇文章在上篇文章的基础上继续开发&#xff0c;主要实现效果 相机视角移动 添加模型 点击事件 上篇文章&#xff1a;【vue2 Cesium】使用Cesium、添加第三方地图、去掉商标、Cesium基础配置、地…...

编程日记 2026/3/2 11:02:10

【AI】AI编程助手：Cursor、Codeium、GitHub Copilot、Roo Cline、Tabnine

文章目录 一、基本特性对比二、收费标准三、私有部署能力1、Tabnine2、Roo Code 三、代码补全与自然语言生成代码四、安装独立的IDE安装插件安装 五、基本使用&#xff08;一&#xff09;Cursor&#xff08;二&#xff09;GitHub Copilot1、获取代码建议2.聊天1&#xff09;上下…...

编程日记 2026/2/27 23:29:55

我的uniapp自定义模板

uniapp自定义模板 如有纰漏请谅解&#xff0c;以官方文档为准后面这段时间我会学习小程序开发的知识&#xff0c;会持续更新可以查看我的github&#xff0c;后续我会上传我的uniapp相关练习代码有兴趣的话可以浏览我的个人网站&#xff0c;我会在上面持续更新内容&#xff0c;…...

编程日记 2026/2/19 17:09:36

如何将MediaPipe编译成Android中Chaquopy插件可用的 .whl 文件

环境准备 操作系统&#xff1a;建议使用 Ubuntu 20.04 或者 macOS&#xff08;这篇博客会以 Ubuntu 为例&#xff09;。Python 版本&#xff1a;Python 3.7 或以上版本。Android Studio&#xff1a;配置好 Android Studio 和 Android NDK&#xff08;Native Development Kit&a…...

编程日记 2026/2/26 23:55:26

华为OD机试-绘图机器-双指针（Java 2025 A卷 100分）

题目描述 绘图机器的绘图笔初始位置在原点 (0, 0)。机器启动后按照以下规则绘制直线： 尝试沿着横坐标正向绘制直线，直到给定的终点 E。期间可以通过指令在纵坐标轴方向进行偏移，offsetY 为正数表示正向偏移，为负数表示负向偏移。给定的横坐标终点值 E 以及若干条绘制指令，…...

编程日记 2026/2/23 11:00:06

【C++】动态规划从入门到精通

一、动态规划基础概念详解 什么是动态规划 动态规划&#xff08;Dynamic Programming&#xff0c;DP&#xff09;是一种通过将复杂问题分解为重叠子问题&#xff0c;并存储子问题解以避免重复计算的优化算法。它适用于具有以下两个关键性质的问题&#xff1a; 最优子结构&…...

编程日记 2026/2/25 18:56:46

OpenCV计算摄影学（23)艺术化风格化处理函数stylization()

操作系统&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 编程语言&#xff1a;C11 算法描述 风格化的目的是生成不以照片写实为目标的多种多样数字图像效果。边缘感知滤波器是风格化处理的理想选择&#xff0c;因为它们能够弱化低对比度区…...

编程日记 2026/2/20 13:08:54

S32K144外设实验（三）：ADC单通道连续采样（中断）

这次的实验比较简单&#xff0c;主要目的就是验证一下ADC的中断功能&#xff0c;思路是使用软件触发ADC的连续单通道采样&#xff0c;将采样值通过串口发送到上位机观察数是否正确。 其实官方并不推荐使用中断的方式&#xff0c;这种方式会占用大量的CPU资源&#xff0c;笔者安…...

编程日记 2026/2/16 5:19:39

LeetCode 第19~21题

LeetCode 第19题&#xff1a;删除链表的倒数第N个结点 题目描述 给你一个链表&#xff0c;删除链表的倒数第n个结点&#xff0c;并且返回链表的头结点。 难度&#xff1a;中等 题目链接&#xff1a;19. 删除链表的倒数第 N 个结点 - 力扣&#xff08;LeetCode&#xff09; 示例…...

编程日记 2026/2/23 14:48:26

Web3 时代数据保护的关键挑战与应对策略

Web3 时代数据保护的关键挑战与应对策略 随着互联网技术的飞速发展&#xff0c;我们正步入 Web3 时代&#xff0c;这是一个以去中心化、用户主权和数据隐私为核心的新时代。在这个时代&#xff0c;数据保护成为了一个至关重要的议题。本文将探讨 Web3 时代数据保护面临的主要挑…...

编程日记 2026/2/20 15:46:32

为什么labelme框选图片后闪退

Labelme 软件框选图片后闪退的解决方案 Labelme 是一种常用的图像标注工具&#xff0c;但在实际使用过程中可能会遇到一些问题&#xff0c;比如框选图片后程序突然闪退。以下是针对该问题的具体分析和解决方法&#xff1a; 可能原因及对应解决措施 标签文件异常 如果某些图片…...

编程日记 2026/3/2 4:35:00

‌C# I/O 核心用法

在 C# 中&#xff0c;输入输出&#xff08;I/O&#xff09;操作是处理文件、目录、流等数据交互的核心功能。本文将从基础到高级&#xff0c;系统讲解 C# 中文件 I/O 的实现方式、最佳实践及常见场景解决方案。 一、核心类与命名空间‌ 1‌、System.IO 命名空间‌&#xff0c…...

编程日记 2026/3/1 10:16:02