当前位置: 首页 > 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;两个进…...

Java面试题-数据库

数据库相关 MySQL的索引使用 默认会有主键索引。 索引分类&#xff1a;单值索引、复合索引、唯一索引 详细文章 MySQL explain 分析 MySQL通过explain关键字分析SQL的执行计划。&#xff08;Oracle通过EXPLAIN PLAN FOR sql&#xff09; IDSELECT_TYPETABLEPARTITIONSTYPEPOSS…...

select 与 where、group by、order by、limit 子句执行优先级比较

当 select 和 其他三种语句的一者或者多者同时出现时&#xff0c;他们之间是存在执行先后顺序的。 他们的优先级顺序是&#xff1a;where > group by > select > order by > limit 目录 1、select 与 where 2、group by 与 where 、select 2、select 与 order…...

【Docker】用开源umami监控你的站点访问量

新年到&#xff0c;祝大家兔年吉祥&#xff01;&#x1f389; 1.介绍 umami是一个开源的站点访问量监看程序&#xff0c;其支持docker部署到自己的服务器上。相比较百度等收费的网站信息监看&#xff0c;这种方式对于小站长来说更加实惠一些 2.docker安装的坑 2.1 docker-co…...

java环境配置

java环境配置步骤下载jdk安装jdk配置环境变量通过控制台命令验证配置是否成功大功告成安装教程&#xff1a; https://blog.csdn.net/m0_37220730/article/details/103585266 下载jdk 若不理解JDK/JRE/JVM的关系&#xff0c;可以点此查看初识Java&#xff08;概念、版本迭代、…...

Linux系统服务:Apache安装及配置应用

目录 一、Apache安装 1、Apache简介 2、Yum安装 3、编译安装 4、服务管理 5、编译安装实现systemctl服务管理 二、Apache配置应用 1、基础应用 2、隐藏版本号 3、更改监听端口 一、Apache安装 1、Apache简介 Apache即阿帕奇是一款开源的、世界使用排名第一的Web服务…...

动态规划(Dynamic Programming)——背包问题

动态规划(Dynamic Programming) 背包问题 目录动态规划(Dynamic Programming)背包问题01背包问题输入格式输出格式数据范围输入样例输出样例&#xff1a;二维一维完全背包问题多重背包问题输入格式输出格式数据范围输入样例输出样例&#xff1a;数据范围二进制优化分组背包问题…...

JVM学习02:内存结构

JVM学习02&#xff1a;内存结构 1. 程序计数器 1.1、定义 Program Counter Register 程序计数器&#xff08;寄存器&#xff09; 作用&#xff1a;是记住下一条jvm指令的执行地址 特点&#xff1a; 是线程私有的不会存在内存溢出 1.2、作用 程序计数器物理上是由寄存器来实…...

6年软件测试经验,从我自己的角度理解自动化测试

接触了不少同行&#xff0c;由于他们之前一直做手工测试&#xff0c;现在很迫切希望做自动化测试&#xff0c;其中不乏工作5年以上的人。 本人从事软件自动化测试已经近6年&#xff0c;从server端到web端&#xff0c;从API到mobile&#xff0c;切身体会到自动化带来的好处与痛楚…...

三种方式查看linux终端terminal是否可以访问外网ping,curl,wget

方法1&#xff1a;ping注意不要用ping www.google.com.hk来验证&#xff0c;因为有墙&#xff0c;墙阻止了你接受网址发回的响应数据。即使你那啥过&#xff0c;浏览器都可以访问Google&#xff0c;terminal里面也是无法得到响应 百度在墙内&#xff0c;所以可以正常拿到响应信…...

【Call for papers】SIGCOMM-2023(CCF-A/计算机网络/2023年2月15日截稿)

ACM SIGCOMM is the flagship annual conference of the ACM Special Interest Group on Data Communication (SIGCOMM). ACM SIGCOMM 2023, the 37th edition of the conference series, will be held in New York City, US, September 10 - 14, 2023. 文章目录1.会议信息2.时…...

怎么查看一个网站的后台/武汉服装seo整站优化方案

树的建立 前提的知识&#xff1a; 前序 &#xff1a; 先访问根节点&#xff0c;再访问左子树&#xff0c;最后访问右子树中序 &#xff1a; 先访问左子树&#xff0c;先访问根节点&#xff0c;最后访问右子树后序 &#xff1a; 先访问左子树&#xff0c;再访问右子树&#xf…...

建站公司怎么获客/今日油价92汽油

并发程序-1 实验目标&#xff1a; 学习使用Linux命令wc(1)基于Linux Socket程序设计实现wc(1)服务器(端口号是你学号的后6位)和客户端客户端传一个文本文件给服务器服务器返加文本文件中的单词数客户端代码&#xff1a; #include <stdlib.h> #include <stdio.h> #i…...

洛阳建设委员会网站/南宁百度seo排名

原标题&#xff1a;知识分享丨蓝牙电话功能操作指导什么是无线蓝牙技术&#xff1a;无线蓝牙技术是基于短距离的无线网络技术&#xff0c;使用 2402MHz ~ 2480MHz 的频率去让不同 的设备在短距离里连接。支持电脑端、外部设备、手机端、掌上电脑等各种不同的电子设备&#xff0…...

门户网站做啥/网络营销运营公司

java绘图坐标体系 像素&#xff1a;计算机屏幕上显示的内容都是屏幕上的每一个像素组成。例如&#xff1a;计算机显示器的分辨率是800*600&#xff0c;表示计算机屏幕上的每一行由800个点组成&#xff0c;共有600行&#xff0c;整个计算机屏幕共有480000个像素。像素是一个密度…...

深圳福田网站优化网络营销培训学校/全国疫情最新数据

20145203 《信息安全系统设计基础》第七周学习总结 第六章 存储器层次结构 教材学习内容总结 绪论 存储器系统是一个具有不同容量、成本和访问时间的存储设备的层次结构。 第一节 存储技术 一、随机访问存储器&#xff08;RAM&#xff09; RAM分类&#xff1a; ①静态的SRAM-更…...

兼职做效果图的网站有哪些/seo优化顾问服务阿亮

以下文章来源于Excel广场 ,作者话里胡哨 今天和大家说说柱状图在制作中的注意事项。 1.纵坐标从0开始 纵坐标从哪里开始,不知大家有没有观察过?其实这是一个很简单,也是必不可少的一个技巧,那就是从0开始。 为什么这么说呢? 相同的数据,不同的起始点,不一样的感觉。 右…...