当前位置: 首页 > 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添加给定内容的机器可读翻译。
http://www.lryc.cn/news/4564.html

相关文章:

  • SpringMVC--视图、RESTful案例、处理AJAX请求
  • 一个同学升了leader,今年活还没干,他就已经想好组里成员的两次绩效考核怎么打了,还说:leader都是这样的!...
  • Docker 面试知识点
  • C++高级篇学习笔记
  • gentoo基本安装过程
  • 【LeetCode】1234. 替换子串得到平衡字符串
  • [动手写操作系统]-01-开机运行系统
  • 最长回文子序列问题
  • 月薪11k!从财务专员到软件测试工程师,成都校区小哥哥用三个月实现转行换岗
  • Android 逆向工具大整理,碉堡了
  • 二维数组的定义
  • SpringMVC--获取请求参数、域对象共享数据
  • 2月13日,30秒知全网,精选7个热点
  • 【C++设计模式】学习笔记(2):模式分类与模版方法 Template Method
  • 【Swift 60秒】92 - Nil coalescing
  • python pip安装的包的路径
  • 个人收藏学习
  • 【C++】类和对象---需掌握的功能
  • 2.12、进程互斥的软件实现方法
  • Java面试题-数据库
  • select 与 where、group by、order by、limit 子句执行优先级比较
  • 【Docker】用开源umami监控你的站点访问量
  • java环境配置
  • Linux系统服务:Apache安装及配置应用
  • 动态规划(Dynamic Programming)——背包问题
  • JVM学习02:内存结构
  • 6年软件测试经验,从我自己的角度理解自动化测试
  • 三种方式查看linux终端terminal是否可以访问外网ping,curl,wget
  • 【Call for papers】SIGCOMM-2023(CCF-A/计算机网络/2023年2月15日截稿)
  • Chapter5:机器人感知