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

【Web前端开发】---HTML标签及标签属性

news 来源：原创 2025/9/1 6:30:48

1、单标签与双标签

HTML标签分为：双标签、单标签。

例如：

<marquee>你好</marquee>

示例：

双标签：<标签名>标签体</标签名>

单标签：<标签名/>（注意：/可以省略）

注意：标签名即可以大写，也可以小写，也可以一边大写，一边小写。按照规范，一般都用小写。

例如：

<marquee>CHINA</marquee>(小写）<MARQUEE>CHINA</MARQUEE>（大写）<marquee>CHINA</MARQUEE>（一边大写，一边小写）

注意：标签也可以嵌套使用。

例如：

<marquee>你好<input></marquee>

2、标签之间的关系

标签之间的关系：并列关系、嵌套关系。

（1）并列关系：

<h1>chinese</h1>
<input>

运行结果：

（2）嵌套关系

<h1>好好学习，天天向上<input type="text"></h1>

3、标签属性

 语法：<标签名  属性名=“属性值” 属性名=“属性值>

注意事项：

注意：要把属性写在起始标签或者单标签中。

总结：

（1）属性用于给标签提供附加信息。

（2）属性可以写在：起始标签或单标签中

例如：

<marquee loop="1" bgcolor="green">你好</marquee><input type="password">

运行结果：

（3）有些特殊的属性，没有属性名，只有属性值。

例如：

<input  disabled>
(4)注意点：

1))不同的标签，有不同的属性；也有一些通用属性（在任何标签内都可以用

2))属性名，属性值，不能乱写，都是W3C规定好的。

3))属性名，属性值都不区分大小写，但推荐小写。

4))双引号也可以写成单引号，甚至不写都行，但是推荐双引号。

（5）标签中不要出现同名属性，否则后写的会失效。

例如：

<input type="text" type="password">

                                         

相关文章：

【Web前端开发】---HTML标签及标签属性

1、单标签与双标签 HTML标签分为&#xff1a;双标签、单标签。 例如&#xff1a; <marquee>你好</marquee> 示例&#xff1a; 双标签&#xff1a;<标签名>标签体</标签名> 单标签&#xff1a;<标签名/>&#xff08;注意&#xff1a;/可以省…...

编程日记 2025/9/1 6:30:48

【大模型系列篇】国产开源大模型DeepSeek-V3技术报告解析

DeepSeek-V3技术报告 目录 DeepSeek-V3技术报告 1. 摘要 2. 引言 3. DeepSeek V3 架构 3.1 基础架构 3.1.1. 多头潜在注意力 3.1.2. DeepSeekMoE和无辅助损失的负载均衡 3.2 多令牌预测 4. 基础设施 4.1 计算集群 4.2 训练框架 4.2.1. DualPipe算法与计算通信协同优…...

编程日记 2025/9/1 6:28:57

【赵渝强老师】监控Redis

对运行状态的Redis实例进行监控是运维管理中非常重要的内容&#xff0c;包括&#xff1a;监控Redis的内存、监控Redis的吞吐量、监控Redis的运行时信息和监控Redis的延时。通过Redis提供的监控命令便能非常方便地实现对各项指标的监控。 一、监控Redis的内存 视频讲解如下 【…...

编程日记 2025/9/1 6:26:41

RocketMQ顺序消费机制

RocketMQ的顺序消费机制通过生产端和消费端的协同设计实现&#xff0c;其核心在于局部顺序性&#xff0c;即保证同一队列&#xff08;MessageQueue&#xff09;内的消息严格按发送顺序消费。以下是详细机制解析及关键源码实现&#xff1a; 一、顺序消费的核心机制 1. 生产端路…...

编程日记 2025/9/1 6:28:33

新装的conda 以及pycharm未能正确初始化，或conda环境变量配置错误问题解决！！！

Windows PowerShell 版权所有&#xff08;C&#xff09; Microsoft Corporation。保留所有权利。 安装最新的 PowerShell&#xff0c;了解新功能和改进&#xff01;https://aka.ms/PSWindows PS E:\Dev_project\MyProjects> conda cativate py12 usage: conda-script.py [-h…...

编程日记 2025/9/1 6:28:34

通往 AI 之路：Python 机器学习入门-线性代数

2.1 线性代数&#xff08;机器学习的核心&#xff09; 线性代数是机器学习的基础之一&#xff0c;许多核心算法都依赖矩阵运算。本章将介绍线性代数中的基本概念&#xff0c;包括标量、向量、矩阵、矩阵运算、特征值与特征向量&#xff0c;以及奇异值分解&#xff08;SVD&…...

编程日记 2025/9/1 6:29:18

2025国家护网HVV高频面试题总结来了03（题目+回答）

网络安全领域各种资源&#xff0c;学习文档&#xff0c;以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具&#xff0c;欢迎关注。 目录 0x1 高频面试题第一套 0x2 高频面试题第二套 0x3 高频面试题第三套 0x4高频面试题第四套 0x1 高频面试题…...

编程日记 2025/8/29 6:58:56

内容中台与企业内容管理架构解析

内容中台技术架构解析 内容中台的技术架构以数据资产化和服务API化为核心&#xff0c;通过解耦内容生产与消费环节构建数字化基础设施。其架构通常包含统一内容池、智能处理引擎和开放接口层三大模块&#xff1a;统一内容池通过标准化元数据模型对多源异构内容进行结构化存储&…...

编程日记 2025/9/1 6:26:55

希音(Shein)前端开发面试题集锦和参考答案

用 Node 写过什么工具或 npm 包 在实际开发中，使用 Node 编写过多种实用工具和 npm 包。 自动化构建工具 开发了一个简单的自动化构建工具，用于处理前端项目的资源压缩和合并。在前端项目中，为了优化性能，需要对 CSS 和 JavaScript 文件进行压缩，减少文件体积，同时将多个…...

编程日记 2025/8/29 22:12:40

《一个端粒到端粒的参考基因组为木瓜中五环三萜类化合物生物合成提供了遗传学见解》

A telomere-to-telomere reference genome provides genetic insight into the pentacyclic triterpenoid biosynthesis in Chaenomeles speciosa Amplification of transposable elements 转座元件的扩增 Sequence mining disclosed that TEs were one main event in the ex…...

编程日记 2025/8/28 15:02:20

使用easyocr、PyPDF2对图像及PDF文档进行识别

一、概述 本 Python 脚本的主要功能是对当前目录及其子目录下的图片和 PDF 文件进行光学字符识别&#xff08;OCR&#xff09;处理。它使用 easyocr 库处理图片中的文字&#xff0c;使用 PyPDF2 库提取 PDF 文件中的文本&#xff0c;并将处理结果保存为文本文件。同时&#xff…...

编程日记 2025/8/29 0:01:13

用AI学安卓游戏开发1——控制小球上下左右移动2

业务逻辑&#xff1a;初始化小球随机自有移动&#xff0c;遇到屏幕边缘反弹&#xff0c;摇杆介入后小球停止自有移动&#xff0c;按照摇杆控制方向移动。 https://download.csdn.net/download/AnalogElectronic/90453667 https://download.csdn.net/download/AnalogElectronic…...

编程日记 2025/8/28 0:27:54

计算机毕业设计SpringBoot+Vue.js医院挂号就诊系统(源码+文档+PPT+讲解)

温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 作者简介&#xff1a;Java领…...

编程日记 2025/8/23 3:52:32

说一下redis事务底层原理

Redis事务 1. 事务的基本流程 Redis 事务通过 MULTI、EXEC、WATCH 等命令实现&#xff0c;底层原理可以分为以下几个步骤&#xff1a; (1) MULTI 命令 当客户端发送 MULTI 命令时&#xff0c;Redis 会将客户端标记为“事务模式”。在事务模式下&#xff0c;客户端发送的所有…...

编程日记 2025/8/28 1:15:46

eNSP中AR2220、AR201、AR1220、AR2240、AR3260、Router、NE40E、NE5000E、NE9000、CX路由器学习笔记

eNSP中常见华为路由器型号的接口特性详解及横向对比&#xff0c;重点关注接口类型、扩展能力和适用场景&#xff1a; 缩写解释&#xff1a; LPU&#xff1a;Line Processing Unit&#xff08;线路处理单元&#xff09; SPU&#xff1a;Service Processing Unit&#xff08;业务…...

编程日记 2025/8/31 12:17:17

FastGPT 引申：借鉴 FastGPT 基于MySQL + ES 实现知识库（含表结构以及核心代码）

文章目录 FastGPT 引申&#xff1a;借鉴 FastGPT 基于MySQL ES 实现知识库&#xff08;含表结构以及核心代码&#xff09;一、整体思路二、存储结构2.1 MySQL 表结构(1) knowledge_base_dataset(2) knowledge_base_data(3) knowledge_base_index(4) ai_kb_relation 2.2 Elasti…...

编程日记 2025/8/29 6:16:05

WPF+WebView 基础

1、基于.NET8&#xff0c;通过NuGet添加Microsoft.Web.WebView2。 2、MainWindow.xaml代码如下。 <Window x:Class"Demo.MainWindow"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://schemas.microsoft.com/win…...

编程日记 2025/8/27 16:25:20

skia的学习与研究

最近再研究skia,特地发一篇文章来记录一下。Skia版本更新非常频繁&#xff0c;大概每四周就会创建一个新版本&#xff0c;此版本持续维护六周左右就会被标记为稳定分支&#xff1b; skia三套渲染&#xff1a; 无gpu硬件如嵌入式设备&#xff0c;使用CPU渲染&#xff0c;使用…...

编程日记 2025/8/23 3:38:19

Linux--基础命令3

大家好&#xff0c;今天我们继续学习Linux的基础命令 mv命令 mv命令是move的缩写&#xff0c;可以用来移动文件或者将文件改名 move(rename) files&#xff0c;经常⽤来备份⽂件或者目录 语法: mv [ 选项 ] 源⽂件或目录 目标⽂件或目录 mv src[文件、目录] dst[路径、文…...

编程日记 2025/8/31 4:02:56

[LeetCode]day33 150.逆波兰式求表达值 + 239.滑动窗口最大值

逆波兰式求表达值 题目链接 题目描述 给你一个字符串数组 tokens &#xff0c;表示一个根据 逆波兰表示法 表示的算术表达式。 请你计算该表达式。返回一个表示表达式值的整数。 注意&#xff1a; 有效的算符为 ‘’、‘-’、‘*’ 和 ‘/’ 。 每个操作数&#xff08;运…...

编程日记 2025/8/28 12:24:41

记一次误禁用USB导致键盘鼠标失灵的修复过程

背景说明 在电脑上插入了一个USB hub&#xff0c;然后弹窗提示&#xff1a;“集线器端口上出现电涌”&#xff0c;点开让选择“重置”或者“关闭”&#xff0c;不小心点了关闭&#xff0c;结果这个usb口就被关了&#xff0c;再插任何东西都没反应&#xff0c;找了很多办法都恢…...

编程日记 2025/8/30 4:04:57

node项目前后端密码加密传输及存储方案

前端&#xff1a;使用crypto-js库的SHA256算法&#xff0c;包含用户注册时使用的邮箱加上自定义的secret key生成盐值&#xff0c;接着使用PBKDF2算法进行加密。最后将加密后的密码传给后端。 import CryptoJS from "crypto-js";export const encryptPassword (ema…...

编程日记 2025/8/22 23:18:23

GIt分支合并

分支 1: C0 → C1 → C2 → C3&#xff08;最新&#xff09; 分支 2: C0 → C4 → C5 → C6&#xff08;最新&#xff09;1. 找到共同父节点 C0 Git 会先找出 branch1 和 branch2 的共同祖先节点 C0。这通常借助 git merge-base 命令达成&#xff0c;虽然在日常使用 git merge…...

编程日记 2025/8/28 1:15:48

Python 入门教程（2）搭建环境 | 2.3、VSCode配置Python开发环境

文章目录 一、VSCode配置Python开发环境1、软件安装2、安装Python插件3、配置Python环境4、包管理5、调试程序 前言 Visual Studio Code&#xff08;简称VSCode&#xff09;以其强大的功能和灵活的扩展性&#xff0c;成为了许多开发者的首选。本文将详细介绍如何在VSCode中配置…...

编程日记 2025/8/16 12:10:54

linux一些使用技巧

linux一些使用技巧 文件名称和路径的提取切换用户执行当前脚本一行演示单引号与双引号的使用curl命令仅输出响应头信息，不输出body体文件名称和路径的提取 文件路径为 /tmp/tkgup/test.sh 方式获取文件名获取文件路径获取文件全路径方式一basename ${file}dirname ${file}real…...

编程日记 2025/8/28 14:49:47

GPU/CUDA 发展编年史：从 3D 渲染到 AI 大模型时代（上）

目录 文章目录 目录1960s~1999&#xff1a;GPU 的诞生&#xff1a;光栅化&#xff08;Rasterization&#xff09;3D 渲染算法的硬件化实现之路学术界算法研究历程工业界产品研发历程光栅化技术原理光栅化技术的软件实现&#xff1a;OpenGL 3D 渲染管线设计1. 顶点处理&#xff…...

编程日记 2025/8/18 19:45:40

chrome Vue.js devtools 提示不支持该扩展组件，移除

可能是版本不兼容&#xff0c;可以重新安装&#xff0c;推荐网址极简插件官网_Chrome插件下载_Chrome浏览器应用商店 直接搜索vue&#xff0c;下载旧版&#xff0c;vue2、vue3都支持&#xff0c;上面那个最新版本试了下&#xff0c;vue2的肯定是不能用...

编程日记 2025/8/16 10:28:50

大模型工程师学习日记（十）：基于 LangChain 构建向量存储和查询 Qdrant

Qdrant介绍 Qdrant&#xff08;读作&#xff1a;quadrant /kwɑdrənt/ n. 象限&#xff1b;象限仪&#xff1b;四分之一圆&#xff09;是一个向量相似度搜索引擎。它提供了一个生产就绪的服务&#xff0c;具有方便的 API 来存储、搜索和管理点 - 带有附加载荷的向量。Qdrant专…...

编程日记 2025/8/29 4:15:59

Spring Boot拦截器（Interceptor）与过滤器（Filter）详细教程

Spring Boot拦截器&#xff08;Interceptor&#xff09;与过滤器&#xff08;Filter&#xff09;详细教程 目录 概述 什么是拦截器&#xff08;Interceptor&#xff09;&#xff1f;什么是过滤器&#xff08;Filter&#xff09;&#xff1f;两者的核心区别 使用场景 拦截器的典…...

编程日记 2025/8/30 1:05:00

ffmpeg源码编译支持cuda

1.安装cuda CUDA Toolkit 11.3 Downloads | NVIDIA Developer 在选择组件的时候&#xff0c;将CUDA中的Nsight VSE和Visual Studio Integration取消勾选 不然会安装失败 2.编译ffmpeg 把cuda编译宏定义开启&#xff0c;再编译avcodec 3.编译livavutil报错struct "Cuda…...

编程日记 2025/8/30 6:59:21

【Linux 系统层面应急响应并分析日志溯源的流程】

Linux 层面响应安全事件并分析日志溯源的流程 一、事件响应核心流程1. 初步隔离与现场保护2. 关键日志收集与备份 二、日志分析工具链与溯源步骤1. 基础日志分析工具2. 高级日志分析框架3. 恶意行为深度检测4. 时间线重构工具 三、关键注意事项1. 日志可信度验证2. 攻击者反取证…...

编程日记 2025/8/29 19:02:04

【笔记ing】python

1 Python基础概念及环境搭建 1.1 python简介及发展史 之父Guido van Rossum。ABC语言的替代品。Python提供了高效的数据结构&#xff0c;还能简单有效地面向对象编程。Python语法和动态类型&#xff0c;以及解释性语言的本质&#xff0c;使之成为多数平台上写脚本和快速开发应…...

编程日记 2025/8/29 14:09:17

QT 作业 day4

作业 代码 Widget.h class Widget : public QWidget {Q_OBJECTpublic:Widget(QWidget *parent nullptr);~Widget();private slots:// 槽函数void on_listWidget_itemDoubleClicked(QListWidgetItem *item);private:Ui::Widget *ui; }; #endif Widget.cpp Widget::Widget(QW…...

编程日记 2025/8/30 16:37:48

flink和yarn和mpp架构区别

为了全面理解 Flink 架构、YARN 架构和 MPP 架构的区别&#xff0c;我们从多个维度进行分析。以下是详细的对比&#xff1a; 1. 设计目标 架构设计目标Flink实时数据流处理和批处理&#xff0c;支持低延迟、高吞吐量的实时分析。YARN作为 Hadoop 的资源管理框架&#xff0c;负…...

编程日记 2025/8/30 16:02:33

DeepSeek崛起：如何在云端快速部署你的专属AI助手

在2025年春节的科技盛宴上&#xff0c;DeepSeek因其在AI领域的卓越表现成为焦点&#xff0c;其开源的推理模型DeepSeek-R1擅长处理多种复杂任务&#xff0c;支持多语言处理&#xff0c;并通过搜索引擎获取实时信息。DeepSeek因其先进的自然语言处理技术、广泛的知识库和高性价比…...

编程日记 2025/8/28 11:28:45

高频 SQL 50 题（基础版）_1141. 查询近30天活跃用户数

1141. 查询近30天活跃用户数 select activity_date day,count(distinct user_id) active_users from Activity where (activity_date<2019-07-27 and activity_date>DATE_sub(2019-07-27,INTERVAL 30 DAY)) group by(activity_date)...

编程日记 2025/8/16 13:00:17

DRMPlaneType里有VIG， DMA，和RGB三种类型，这是不是说明DRMPlane就是代表DPU里的Pipeline

DRMPlane 代表了 DPU&#xff08;Display Processing Unit&#xff09; 里的 Pipeline&#xff08;数据通路&#xff09;&#xff0c;不同的 DRMPlaneType 对应 DPU 内部的不同 渲染/合成管线。 &#x1f4cc; DRMPlaneType 与 DPU Pipeline 的关系 在 高通&#xff08;Qualco…...

编程日记 2025/8/26 18:12:34

not support ClassForName

com.alibaba.fastjson2.JSONException: not support ClassForName : java.lang.String, you can config JSONReader.Feature.SupportClassForName 官方说明中提到默认关闭&#xff0c; 可通过配置开启 JSON.config(JSONReader.Feature.SupportClassForName);...

编程日记 2025/8/28 4:42:28

为什么要学习数据结构与算法

今天&#xff0c;我向大家介绍一门非常重要的课程——《数据结构与算法》。这门课不仅是计算机学科的核心&#xff0c;更是每一位开发者从“小白”迈向“高手”的必经之路。 1、为什么要学习数据结构与算法 总的来说&#xff0c;数据结构与算法是&#xff1a; 求职的“敲门砖”…...

编程日记 2025/8/16 10:27:54

从浏览器输入网址，到页面展示都发生了什么？

查询缓存 其实从填写上url按下回车后&#xff0c;我们就进入了第一步就是 DNS 解析过程&#xff0c;首先需要找到这个 url 域名的服务器 ip,为了寻找这个 ip&#xff0c;浏览器首先会寻找缓存&#xff0c;查看缓存中是否有记录缓存的查找记录为&#xff1a;浏览器缓存>系统…...

编程日记 2025/8/31 17:35:47

Octave3D 关卡设计插件

课程参考链接 这位大佬有在视频合集中有详细的讲解&#xff0c;个人体验过&#xff0c;感觉功能很强大 https://www.bilibili.com/video/BV1Kq4y1C72P/?share_sourcecopy_web&vd_source0a41d8122353e3e841ae0a39908c2181 Prefab资源管理 第一步 在场景中创建一个空物体…...

编程日记 2025/8/16 10:26:00

JavaWeb后端基础（4）

这一篇就开始是做一个项目了&#xff0c;在项目里学习&#xff0c;我主要记录在学习过程中遇到的问题&#xff0c;以及一些知识点 Restful风格 一种软件架构风格 在REST风格的URL中&#xff0c;通过四种请求方式&#xff0c;来操作数据的增删改查。 GET &#xff1a; 查询 …...

编程日记 2025/8/31 13:12:58

【计算机网络】IP协议

目录 1. 协议头格式 2. 网段划分 3. 特殊的IP 4. 公网IP && 内网IP 总结 网络层的IP协议主要解决的是什么问题&#xff1f;——将数据包从B主机发送给C主机&#xff1b;传输层协议tcp提供可靠的策略&#xff1b;网络层IP协议提供数据数据传输的能力&#xff1b; 发…...

编程日记 2025/8/29 7:10:18

Libgdx游戏开发系列教程(2)——接水滴游戏实现

目录 游戏玩法 步骤 1.创建项目 2.添加资源文件 3.设置游戏配置 4.加载资源文件 5.播放背景音乐 6.绘制图形 7.雨滴下落实现 8.判断雨滴是否掉落在桶里 9.键盘控制改变桶位置 10.随机雨滴 打包 本文使用Kotlin语言开发 通过本文的学习可以初步了解以下基础知识的…...

编程日记 2025/8/30 14:41:19

【2025rust笔记】超详细，小白，rust基本语法

一、常见cargo命令 查看cargo版本 cargo --version创建cargo项目 create new demo_name构建编译项目 cargo build运行项目 cargo run检查项目代码 cargo check (比cargobuild快)发布构建项目 cargo build --release 电子markdown/pdf格式 二、小demo-----猜数游戏 1、print…...

编程日记 2025/8/27 1:08:51

将 SSH 密钥添加到 macOS 的钥匙串中

git提交代码时&#xff0c;如果SSH密码并未免密&#xff0c;每次拉取&#xff0c;上传操作时都需要密码输入&#xff0c; 可将SSH密钥添加到钥匙串中 git config --global credential.helper store报错&#xff1a; WARNING: The -K and -A flags are deprecated and have bee…...

编程日记 2025/8/30 16:34:57

Gpt翻译完整版

上一篇文章收到了很多小伙伴的反馈&#xff0c;总结了一下主要以下几点&#xff1a; 1. 说不知道怎么调api 2. 目前只是把所有的中文变成了英文&#xff0c;如果想要做多语言还需要把这些关键字提炼出来成放到message_zh.properties和message_en.properties文件中&#xff0c…...

编程日记 2025/8/31 0:20:58

CC++的内存管理

目录 1、C/C内存划分 C语言的动态内存管理 malloc calloc realloc free C的动态内存管理 new和delete operator new函数和operator delete函数 new和delete的原理 new T[N]原理 delete[]的原理 1、C/C内存划分 1、栈&#xff1a;存有非静态局部变量、函数参数、返回…...

编程日记 2025/8/27 8:46:55

HTTP 状态代码 501 502 问题

问题 单个客户端有时会出现 报错 501 或 502 如下&#xff1a; System.Net.Http.HttpRequestException: Response status code does not indicate success: 501 (Not Implemented) 分析 可以排除 服务器无法处理的问题&#xff08;测试发现 一个客户端报错&#xff0c;不会影响…...

编程日记 2025/8/30 12:11:14

virtio_video virtio_snd

在 Qualcomm 平台的 虚拟机&#xff08;VM&#xff09; 环境中&#xff0c;qcom,virtio_snd 是 VirtIO 机制下的 音频 DMA 共享 设备节点&#xff0c;它用于 虚拟机和宿主机&#xff08;Hypervisor&#xff09;之间共享音频数据&#xff0c;类似于标准的 VirtIO 声音设备。 1️…...

编程日记 2025/8/30 3:27:58