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

html标签手册

完整的HTML页面📑

在这里插入图片描述


①基础标签📑📑📑

  • HTML <!DOCTYPE> 声明

!DOCTYPE声明必须是 HTML 文档的第一行,位于 html标签之前。 !DOCTYPE 声明不是 HTML 标签;它是指示 web
浏览器关于页面使用哪个 HTML 版本进行编写的指令。

  • HTML 标签

此元素可告知浏览器其自身是一个 HTML 文档。

  • h1—h6标签

h1 - h6 标签可定义标题。h1 定义最大的标题。h6 定义最小的标题。

  • P标签

html <p>段落</p>

p 标签定义段落。 p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间。

  • head 标签

head标签用于定义文档的头部,它是所有头部元素的容器。head中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

title定义文档的标题,它是 head 部分中唯一必需的元素。

可选的属性

属性描述
profileURL一个由空格分隔的 URL 列表,这些 URL 包含着有关页面的元数据信息。
  • br标签

br可插入一个简单的换行符。单标签。

  • hr标签

hr标签在 HTML 页面中创建一条水平线。单标签。


②格式化标签📑📑📑

  • tt、i、b、big、small标签
tt呈现类似打字机或者等宽的文本效果。
i显示斜体文本效果。
b呈现粗体文本效果。
big呈现大号字体效果。
small呈现小号字体效果。
  • strong标签

加粗 语气更强烈

  • u标签

定义下划线文本

  • s标签
    加删除线文本

  • sup、sub标签

sup定义上标文本。superscript
sub定义下标文本。 subscript


③表单和输入标签📑📑📑

标签描述
form定义供用户输入的 HTML 表单。
input定义输入控件。
textarea定义多行的文本输入控件。
button定义按钮。
select定义选择列表(下拉列表)。
optgroup定义选择列表中相关选项的组合。
option定义选择列表中的选项。
label定义 input 元素的标注。
fieldset定义围绕表单中元素的边框。
legend定义 fieldset 元素的标题。
datalist定义下拉列表。
keygen定义生成密钥。
output定义输出的一些类型。

④图像标签📑📑📑

  • img标签
    img 元素向网页中嵌入一幅图像。

⑤音频标签📑📑📑

标签描述
audio定义声音内容。
source定义媒介源。
track定义用在媒体播放器中的文本轨道。
video定义视频。

⑥链接标签📑📑📑

标签描述
a定义锚。
link定义文档与外部资源的关系。
nav定义导航链接。

⑦列表标签📑📑📑

标签描述
ul定义无序列表。
ol定义有序列表。
li定义列表的项目。
dir定义大号文本。HTML5 中不支持。请使用 CSS 代替。
dl定义定义列表。
dt定义定义列表中的项目。
dd定义定义列表中项目的描述。
menu定义命令的菜单/列表。
menuitem定义用户可以从弹出菜单调用的命令/菜单项目。
command定义命令按钮。

⑦表格标签📑📑📑

标签描述
table定义表格。
caption定义表格标题。
th定义表格中的表头单元格。
tr定义表格中的行。
td定义表格中的单元。
thead定义表格中的表头内容。
tbody定义表格中的主体内容。
tfoot定义表格中的表注内容(脚注)。
col定义表格中一个或多个列的属性值。
colgroup定义表格中供格式化的列组。

⑧样式和语义📑📑📑

标签描述
style定义文档的样式信息。
div定义文档中的节。
span定义文档中的节。
header定义 section 或 page 的页眉。
footer定义 section 或 page 的页脚。
main定义文档的主要内容。
section定义 section。
article定义文章。
aside定义页面内容之外的内容。
details定义元素的细节。
dialog定义对话框或窗口。
summary为 元素定义可见的标题。
data添加给定内容的机器可读翻译。

相关文章:

html标签手册

完整的HTML页面&#x1f4d1; ①基础标签&#x1f4d1;&#x1f4d1;&#x1f4d1; HTML <!DOCTYPE> 声明 !DOCTYPE声明必须是 HTML 文档的第一行&#xff0c;位于 html标签之前。 !DOCTYPE 声明不是 HTML 标签&#xff1b;它是指示 web 浏览器关于页面使用哪个 HTML 版…...

SpringMVC--视图、RESTful案例、处理AJAX请求

SpringMVC的视图 SpringMVC中的视图是View接口&#xff0c;视图的作用渲染数据&#xff0c;将模型Model中的数据展示给用户 SpringMVC视图的种类很多&#xff0c;默认有转发视图和重定向视图 当工程引入jstl的依赖&#xff0c;转发视图会自动转换为JstlView 若使用的视图技术为…...

一个同学升了leader,今年活还没干,他就已经想好组里成员的两次绩效考核怎么打了,还说:leader都是这样的!...

绩效是大家都比较关注的事情&#xff0c;那么作为领导&#xff0c;一般是怎么打绩效的呢&#xff1f;一位网友爆料&#xff1a;一个大学同学升了leader&#xff0c;前段时间跟他吃饭&#xff0c;他说他已经想好了今年组里成员的两次绩效考核怎么打了。该网友有点吃惊&#xff0…...

Docker 面试知识点

Docker 是什么&#xff1f; 是实现容器技术的一种工具是一个开源的应用容器引擎使用 C/S 架构模式&#xff0c;通过远程API 来管理 (我们本机是 C&#xff0c;docker 引擎是 S,实际的构建过程是在 docker 引擎下完成的)可以打包一个应用及依赖包到一个轻量级、可移植的容器中 …...

C++高级篇学习笔记

文章目录 前言 本文记录C一些面试难点问题剖析。 1. 左右值和右值引用的作用 左值&#xff1a;可以在左边&#xff0c;表达式结束后依然存在的持久对象&#xff0c;一般有名字&#xff0c;可以取地址。 提示&#xff1a; 前置自加/自减 可以做左值&#xff1b; 右值在右边&a…...

gentoo基本安装过程

该文章是本人在gentoo官方安装文档的基础上简单总结的&#xff0c;也是本人自己实践过的&#xff0c;目前本人用的就是gentoo&#xff0c;对于真的需要安装gentoo的朋友&#xff0c;建议还是参考官方文档&#xff0c;说的比较详细&#xff0c;这个可以简单看看&#xff0c;可以…...

【LeetCode】1234. 替换子串得到平衡字符串

1234. 替换子串得到平衡字符串 题目描述 有一个只含有 ‘Q’, ‘W’, ‘E’, ‘R’ 四种字符&#xff0c;且长度为 n 的字符串。 假如在该字符串中&#xff0c;这四个字符都恰好出现 n/4 次&#xff0c;那么它就是一个「平衡字符串」。 给你一个这样的字符串 s&#xff0c;…...

[动手写操作系统]-01-开机运行系统

文章目录 **概念和目标**概念目标理论源码概念和目标 概念 assembler: 汇编程序BIOS: BIOS(Basic Input Output System,基本输入输出系统)是个可编程的微型操作系统,用于管理计算机中的软硬件,它控制着系统的启动,系统是如何连接外部设备,怎样响应,调整相应操作,都是…...

最长回文子序列问题

最长回文子序列问题 问题描述&#xff1a;给你一个字符串 s &#xff0c;找出其中最长的回文子序列&#xff0c;并返回该序列的长度。 子序列定义为&#xff1a;不改变剩余字符顺序的情况下&#xff0c;删除某些字符或者不删除任何字符形成的一个序列。 注意是子序列而不是子…...

月薪11k!从财务专员到软件测试工程师,成都校区小哥哥用三个月实现转行换岗

好久没和大家分享学员的转行经历了&#xff0c;或许在一些人看来他们的故事与自己无关&#xff0c;但同样也能引起一些人的共鸣&#xff0c;可以帮助到那些陷于就业焦虑的同学找到目标和方向。相仿的年龄、相同的职业、相似的压力…在转行软件测试追求更好生活的路上&#xff0…...

Android 逆向工具大整理,碉堡了

文章目录jadx打开 gui 界面把安装包打开双击变量名和方法名可以高亮所有出现的地方**强大的搜索功能****搜索资源****查看 APK 签名****查看 APK dex 数&#xff0c;方法数****查看资源&#xff0c;配置清单****展开包名**查找方式引用反混淆导出 Gradle 工程导出反编译资源lib…...

二维数组的定义

1. 概念二维数组就是一种数组的数组&#xff0c;其本质上还是一个一维数组&#xff0c;只是它的数据元素又是一个一维数组。如果你对这个概念想象不出来&#xff0c;给大家举个栗子&#xff0c;相信吸烟的同学一下子就会明白。一根烟 一个变量一包烟 20根烟 一维数组一条烟 …...

SpringMVC--获取请求参数、域对象共享数据

SpringMVC获取请求参数 通过ServletAPI获取 将HttpServletRequest作为控制器方法的形参&#xff0c;此时HttpServletRequest类型的参数表示封装了当前请 求的请求报文的对象 RequestMapping("/testParam") public String testParam(HttpServletRequest request){S…...

2月13日,30秒知全网,精选7个热点

///深圳支持数字经济核心区试点&#xff0c;市民每月免费享有1T网络流量支持基础电信企业、广电企业及互联网企业加快推进全市内容分发网络&#xff08;CDN&#xff09;扩容及智能改造行动&#xff0c;优化和完善CDN节点部署&#xff0c;积极利用边缘计算技术&#xff0c;推动互…...

【C++设计模式】学习笔记(2):模式分类与模版方法 Template Method

目录 简介模式分类GOF-23 模式分类从封装变化角度对模式分类重构获得模式 Refactoring to Patterns重构关键技法“组件协作”模式Template Method 模式动机(Motivation)结构化软件设计流程面向对象软件设计流程早绑定与晚绑定模式的定义结构(Structure)要点总结结语简介 He…...

【Swift 60秒】92 - Nil coalescing

0x00 Lesson The nil coalescing operator unwraps an optional and returns the value inside if there is one. If there isn’t a value - if the optional was nil - then a default value is used instead. Either way, the result won’t be optional: it will either b…...

python pip安装的包的路径

以ubuntu为例从一个店家那里拿到的一个ubuntu环境中&#xff0c;同时安装了python3.6和python2.7&#xff0c;又安装了ros&#xff0c;最后pip安装包的位置很混乱&#xff0c;安装的包不知道安装在了哪里。使用vscode的时候需要代码提示&#xff0c;就得找到包的路径&#xff0…...

个人收藏学习

【默认收藏夹】 CompletableFuture使用详解&#xff08;全网看这一篇就行&#xff09; 从头开始学MySQL-------存储过程与存储函数&#xff08;4&#xff09; 聊聊支付流程的设计与实现逻辑 聊聊消息中心的设计与实现逻辑 SpringBoot2 整合JTA组件&#xff0c;多数据源事务管理…...

【C++】类和对象---需掌握的功能

目录1.初始化列表1.1构造函数赋值1.2初始化列表格式&#xff1a;编译器执行的顺序&#xff1a;特性&#xff1a;1.3explicit关键字类型替换过程多参数构造函数类型替换&#xff08;C11&#xff09;2.static成员编程题3.匿名对象4.友元4.1友元函数4.2友元类5.内部类6.拷贝对象时…...

2.12、进程互斥的软件实现方法

学习提示: 理解各个算法的思想、原理结合上小节学习的 “实现互斥的四个逻辑部分”&#xff0c;重点理解各算法在进入区、退出区都做了什么分析各算法存在的缺陷&#xff08;结合 “实现互斥要遵循的四个原则” 进行分析&#xff09; 1、单标志法 算法思想&#xff1a;两个进…...

JS 侦探社:如何精准判断一个对象是不是数组?

&#x1f575;️‍♂️ JS 侦探社&#xff1a;如何精准判断一个对象是不是数组&#xff1f; &#x1f914; 为什么判断数组这么难&#xff1f; 在 JavaScript 中&#xff0c;数组本质上也是一种对象。 console.log(typeof []); // "object" console.log(typeof {}…...

LSLib深度解析:掌握《神界原罪》与《博德之门3》MOD制作的专业工具链

LSLib深度解析&#xff1a;掌握《神界原罪》与《博德之门3》MOD制作的专业工具链 【免费下载链接】lslib Tools for manipulating Divinity Original Sin and Baldurs Gate 3 files 项目地址: https://gitcode.com/gh_mirrors/ls/lslib LSLib是一个专为《神界原罪》系列…...

DICOM文件里到底藏了什么?手把手教你用Python拆解CT/MRI影像的‘身份证’

DICOM文件解析&#xff1a;用Python揭开医学影像的"数字基因密码" 当医生在CT或MRI设备前操作时&#xff0c;机器输出的不仅仅是黑白灰阶的图像&#xff0c;更是一套完整的数字档案。这套档案以DICOM格式封装&#xff0c;就像医学影像的"数字基因"&#xf…...

MySQL 如何正确实现“随机采样”

在开发英语学习或社交应用时&#xff0c;随机展示单词或消息是一个高频需求。然而&#xff0c;看似简单的“随机”逻辑&#xff0c;如果实现方式不当&#xff0c;会随着数据量的增长演变为系统瓶颈 。 1. 性能陷阱&#xff1a;order by rand() 最直观的写法是 select word from…...

从一张‘正常’图片到服务器沦陷:文件包含漏洞如何让图片马‘活’过来?

从一张“正常”图片到服务器沦陷&#xff1a;揭秘文件包含漏洞的致命组合攻击 当你深夜检查服务器日志时&#xff0c;发现有人上传了一张普通的风景图。文件头校验通过&#xff0c;MIME类型正确&#xff0c;甚至预览也显示正常。但三天后&#xff0c;这张“图片”却成为攻击者控…...

避开这些坑!用Vivado FIFO IP核做跨时钟域处理的5个实战细节

避开这些坑&#xff01;用Vivado FIFO IP核做跨时钟域处理的5个实战细节 在FPGA设计中&#xff0c;跨时钟域&#xff08;CDC&#xff09;数据传输一直是工程师们面临的棘手问题。Xilinx Vivado提供的FIFO IP核因其稳定性和易用性&#xff0c;成为处理CDC问题的首选方案。然而&a…...

别再为FDC2214数据抖动发愁了!一个接地气的屏蔽线替代方案与差分测量实战

FDC2214抗干扰实战&#xff1a;差分测量与数据稳定化技巧 在电容式传感项目中&#xff0c;FDC2214作为一款高分辨率多通道电容数字转换器&#xff0c;常被用于纸张计数、液位检测等场景。然而实际应用中&#xff0c;工程师们最头疼的莫过于数据抖动问题——导线轻微移动、环境…...

基于模型的测试在汽车行业的应用

作 者 | 路国光出 品 | 汽车电子与软件摘要&#xff1a;为解决汽车电子软件开发中传统测试效率低、覆盖不足、验证滞后等问题&#xff0c;本文以基于模型的系统工程&#xff08;MBSE&#xff09;为背景&#xff0c;研究基于模型的测试&#xff08;MBT&#xff09;在汽车行业的应…...

网盘直链下载助手:如何从九大主流网盘中一键获取真实下载地址?

网盘直链下载助手&#xff1a;如何从九大主流网盘中一键获取真实下载地址&#xff1f; 【免费下载链接】Online-disk-direct-link-download-assistant 一个基于 JavaScript 的网盘文件下载地址获取工具。基于【网盘直链下载助手】修改 &#xff0c;支持 百度网盘 / 阿里云盘 / …...

ComfyUI图像修复终极指南:5个高效技巧解决安装与使用难题

ComfyUI图像修复终极指南&#xff1a;5个高效技巧解决安装与使用难题 【免费下载链接】comfyui-inpaint-nodes Nodes for better inpainting with ComfyUI: Fooocus inpaint model for SDXL, LaMa, MAT, and various other tools for pre-filling inpaint & outpaint areas…...