HTML元素(标签)大全及使用介绍

这篇文章主要介绍了关于html元素(标签)大全使用介绍,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

HTML元素(标签)大全及使用说明

a:表示超链接的起始或目的位置。

acronym:表示取首字母的缩写词。

address:表示特定信息,如地址、签名、作者、文档信息。

立即学习“前端免费学习笔记(深入)”;

applet:在页面上放置可执行内容。

area:定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。

b:指定文本应以粗体显示。

base:指定一个显式 URL 用于解析对于外部源的链接和引用,如图像和样式表。

basefont:设置显示文本时作为默认字体的基础字体值。

bdo:允许作者为选定文本片断禁用双向法则。

bgsound:使页面能够带有背景声音或配音。

big:指定所含文本要以比当前字体稍大的字体显示。

blockquote:表示文本中的一段引用语。

body:指明文档主体的开始和结束。

br:插入一个换行符。

button:指定一个容器,其中所含的 HTML 会被显示为一个按钮。

caption:表格的标题,对表格的简单描述。

center:将指定文本和图像居中显示。

cite:用斜体显示标明引文。

code:表示代码范例。

col:说明基于列的表格缺省属性。

colgroup:说明表格中一列或一组列的缺省属性。

comment:表示不可见的注释。防止所包含的文本或者HTML源代码被浏览器解析和显示。

dd:在定义列表中表示定义。定义通常在定义列表中缩进显示。

del:表示文本已经从文档中删除。

dfn:表示术语的定义。

dir:表示目录列表。

p:表示一块可显示 HTML 的区域

dl:表示定义列表。

dt:在定义列表中表示定义术语。

em:强调文本,通常以斜体显示。

embed:允许嵌入任何类型的文档。

fieldset:在字段集包含的文本和其它元素外面画一个方框。

font:用于说明所包含文本的新字体、大小和颜色。

form:说明所包含的控件是某个表单的组成部分。

frame:在 FRAMESET 元素内表示单个框架。

frameset:表示一个框架集,用于组织多个框架和嵌套框架集。

head:提供了关于文档的无序信息集合。

hn:以标题样式显示文本。

hr:画一条横线。

html:表明文档包含 HTML 元素。

i:指定文本应以斜体显示。

iframe:创建内嵌漂浮框架。

img:在文档中嵌入图像或视频片断。

input:创建各种表单输入控件。

input type=button:创建按钮控件。

input type=checkbox:创建复选框控件。

input type=file:创建文件上载控件,该控件带有一个文本框和一个浏览按钮。

input type=hidden:传输关于客户/服务器交互的状态信息。

input type=image:创建一个图像控件,该控件被点击后将导致表单立即被提交。

input type=password:创建与 INPUT type=text 控件类似的单行文本输入控件,不过并不显示用户输入的内容。

input type=radio:创建单选钮控件。

input type=reset:创建一个按钮,点击该按钮后,将重置表单控件回其初始值。

input type=submit:创建一个按钮,点击该按钮后,即提交表单。

input type=text:创建一个单行的文本输入控件。

ins:表示插入到文档中的文本。

isindex:使浏览器显示一个对话框,提示用户输入单行文本。

kbd:以定宽字体显示文本。

label:为页面上的其它元素指定标签。

legend:在 fieldSet 对象绘制的方框内插入一个标题。

li:表示列表中的一个项目。

link:允许当前文档和外部文档建立连接。

listing:以固定宽度的字体显示文本。

map:包含客户端图像映射的坐标数据。

marqueee:创建一个滚动的文本字幕。

menu:创建一个无序列表。

meta:向服务器和客户端传达关于文档的隐藏信息。

nobr:不换行显示文本。

noframes:包含对于那些不支持 FRAMESET 元素的浏览器使用的 HTML。

noscript:指定在不支持脚本的浏览器中显示的 HTML。

object:在 HTML 页面中插入对象。

ol:编制排序列表。

optgroup:允许作者对 select 元素中的选项进行逻辑分组。

option:表示 SELECT 元素中的一个选项。

p:表示一段。

param:设置 APPLET、EMBED 或 OBJECT 元素的属性初始值。

pre:以固定宽度字体显示文本。

q:分离文本中的引语。

s:带删除线方式显示文本。

samp:表示代码范例。

script:指定由脚本引擎解释的页面中的脚本。

select:表示一个列表框或者一个下拉框。

small:指定内含文本要以比当前字体稍小的字体显示。

span:指定内嵌文本容器。

strike:带删除线显示文本。

strong:以粗体显示文本。

style:指定页面的样式表。

sub:说明内含文本要以下标的形式显示,比当前字体稍小。

sup:说明内含文本要以上标的形式显示,比当前字体稍小。

table:说明所含内容组织成含有行和列的表格形式。

tbody:指明哪些行作为表格的主体。

td:指定表格中的单元格。

textarea:多行文本输入控件。

tfoot:指明哪些行作为表尾。

th:指定标题列。标题列将在单元格中居中并以粗体显示。

thead:指定哪些行作为表头。

title:文档的标题。

tr:指定表格中的一行。

tt:以固定宽度字体显示文本。

u:带下划线显示文本。

ul:表示不排序的项目列表。

var:定义程序变量,通常以斜体显示。

wbr:向一块 NOBR 文本中插入软换行。

以上就是HTML元素(标签)大全及使用介绍的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1546039.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 17:47:12
下一篇 2025年12月21日 17:47:16

相关推荐

  • css中hover怎么使用

    CSS中的hover伪类是一个非常常用的选择器,它允许我们在鼠标悬停在元素上时改变其样式。本文将为大家介绍hover的用法,并提供具体的代码示例。 一、基本用法要使用hover,我们需要先为该元素定义一个样式,然后使用:hover伪类来制定鼠标悬停时对应的样式。例如,我们有一个button元素,当鼠…

    2025年12月24日
    000
  • 优先选择绝对定位的情况是什么?

    什么情况下应该优先考虑使用绝对定位? 绝对定位是CSS中一种重要的定位方式,它可以让一个元素相对于其最近的已定位的祖先元素进行绝对定位。在某些情况下,绝对定位可以提供更灵活,更精确的布局效果。本文将探讨在哪些情况下应该优先考虑使用绝对定位,并通过具体的代码示例来说明。 重叠元素的布局当页面中的元素需…

    2025年12月24日
    000
  • 学会从头开始学习CSS,掌握制作基本网页框架的技巧

    从零开始学习CSS,掌握网页基本框架制作技巧 前言: 在现今互联网时代,网页设计和开发是一个非常重要的技能。而学习CSS(层叠样式表)是掌握网页设计的关键之一。CSS不仅可以为网页添加样式和布局,还可以为用户呈现独特且具有吸引力的页面效果。在本文中,我将为您介绍一些基本的CSS知识,以及一些常用的代…

    2025年12月24日
    200
  • 揭秘Web标准涵盖的语言:了解网页开发必备的语言范围

    在当今数字时代,互联网成为了人们生活中不可或缺的一部分。作为互联网的基本构成单位,网页承载着我们获取和分享信息的重要任务。而网页开发作为一门独特的技术,离不开一些必备的语言。本文将揭秘Web标准涵盖的语言,让我们一起了解网页开发所需的语言范围。 首先,HTML(HyperText Markup La…

    2025年12月24日
    000
  • 揭开Web开发的语言之谜:了解构建网页所需的语言有哪些?

    Web标准中的语言大揭秘:掌握网页开发所需的语言有哪些? 随着互联网的快速发展,网页开发已经成为人们重要的职业之一。而要成为一名优秀的网页开发者,掌握网页开发所需的语言是必不可少的。本文将为大家揭示Web标准中的语言大揭秘,介绍网页开发所需的主要语言。 HTML(超文本标记语言)HTML是网页开发的…

    2025年12月24日
    400
  • 常用的网页开发语言:了解Web标准的要点

    了解Web标准的语言要点:常见的哪些语言应用在网页开发中? 随着互联网的不断发展,网页已经成为人们获取信息和交流的重要途径。而要实现一个高质量、易用的网页,离不开一种被广泛接受的Web标准。Web标准的制定和应用,涉及到多种语言和技术,本文将介绍常见的几种语言在网页开发中的应用。 首先,HTML(H…

    2025年12月24日
    000
  • 网页开发中常见的Web标准语言有哪些?

    探索Web标准语言的世界:网页开发中常用的语言有哪些? 在现代社会中,互联网的普及程度越来越高,网页已成为人们获取资讯、娱乐、交流的重要途径。而网页的开发离不开各种编程语言的应用和支持。在这个虚拟世界的网络,有许多被广泛应用的标准化语言,用于为用户提供优质的网页体验。本文将探索网页开发中常用的语言,…

    2025年12月24日
    000
  • 深入探究Web标准语言的范围,涵盖了哪些语言?

    Web标准是指互联网上的各个网页所需遵循的一系列规范,确保网页在不同的浏览器和设备上能够正确地显示和运行。这些标准包括HTML、CSS和JavaScript等语言。本文将深入解析Web标准涵盖的语言范围。 首先,HTML(HyperText Markup Language)是构建网页的基础语言。它使…

    2025年12月24日
    000
  • CSS 超链接属性解析:text-decoration 和 color

    CSS 超链接属性解析:text-decoration 和 color 超链接是网页中常用的元素之一,它能够在不同页面之间建立连接。为了使超链接在页面中有明显的标识和吸引力,CSS 提供了一些属性来调整超链接的样式。本文将重点介绍 text-decoration 和 color 这两个与超链接相关的…

    2025年12月24日
    000
  • 如何使用Css Flex 弹性布局创建多列平铺效果

    如何使用CSS Flex弹性布局创建多列平铺效果 在Web开发中,我们经常会遇到需要创建多列平铺效果的情况,例如展示产品列表、照片墙等。传统的方法通常使用浮动布局或者设置固定宽度来实现,但是这些方法不够灵活,而且在适应性方面存在一定的问题。而CSS Flex弹性布局则提供了更加简单高效的解决方案。 …

    2025年12月24日
    000
  • 看看这些前端面试题,带你搞定高频知识点(一)

    每天10道题,100天后,搞定所有前端面试的高频知识点,加油!!!,在看文章的同时,希望不要直接看答案,先思考一下自己会不会,如果会,自己的答案是什么?想过之后再与答案比对,是不是会更好一点,当然如果你有比我更好的答案,欢迎评论区留言,一起探讨技术之美。 面试官:给定一个元素,如何实现水平垂直居中?…

    2025年12月24日 好文分享
    300
  • 看看这些前端面试题,带你搞定高频知识点(二)

    每天10道题,100天后,搞定所有前端面试的高频知识点,加油!!!,在看文章的同时,希望不要直接看答案,先思考一下自己会不会,如果会,自己的答案是什么?想过之后再与答案比对,是不是会更好一点,当然如果你有比我更好的答案,欢迎评论区留言,一起探讨技术之美。 面试官:页面导入样式时,使用 link 和 …

    2025年12月24日 好文分享
    200
  • 看看这些前端面试题,带你搞定高频知识点(三)

    每天10道题,100天后,搞定所有前端面试的高频知识点,加油!!!,在看文章的同时,希望不要直接看答案,先思考一下自己会不会,如果会,自己的答案是什么?想过之后再与答案比对,是不是会更好一点,当然如果你有比我更好的答案,欢迎评论区留言,一起探讨技术之美。 面试官:清除浮动有哪些方式? 我:呃~,浮动…

    2025年12月24日 好文分享
    000
  • 看看这些前端面试题,带你搞定高频知识点(四)

    每天10道题,100天后,搞定所有前端面试的高频知识点,加油!!!,在看文章的同时,希望不要直接看答案,先思考一下自己会不会,如果会,自己的答案是什么?想过之后再与答案比对,是不是会更好一点,当然如果你有比我更好的答案,欢迎评论区留言,一起探讨技术之美。 面试官:请你谈一下自适应(适配)的方案 我:…

    2025年12月24日 好文分享
    000
  • 看看这些前端面试题,带你搞定高频知识点(五)

    每天10道题,100天后,搞定所有前端面试的高频知识点,加油!!!,在看文章的同时,希望不要直接看答案,先思考一下自己会不会,如果会,自己的答案是什么?想过之后再与答案比对,是不是会更好一点,当然如果你有比我更好的答案,欢迎评论区留言,一起探讨技术之美。 面试官:css 如何实现左侧固定 300px…

    2025年12月24日 好文分享
    000
  • HTML+CSS+JS实现雪花飘扬(代码分享)

    使用html+css+js如何实现下雪特效?下面本篇文章给大家分享一个html+css+js实现雪花飘扬的示例,希望对大家有所帮助。 很多南方的小伙伴可能没怎么见过或者从来没见过下雪,今天我给大家带来一个小Demo,模拟了下雪场景,首先让我们看一下运行效果 可以点击看看在线运行:http://hai…

    2025年12月24日 好文分享
    500
  • 分享20个首页流行布局样式,总有一款适合你!

    本篇文章给大家分享20个首页流行布局样式,总有一款适合你,快来收藏试试吧,希望对大家有所帮助! 有时我们会在网站上遇到一些内容布局问题,如文字对齐、图片设计与内容和谐、为文章选择合适的字体……在今天的文章中,介绍一些设计精美的创意布局,let‘s  开始。 代号 001 源码…

    2025年12月24日 好文分享
    000
  • css如何让div悬浮于另一个div上

    让div悬浮于另一个div上的方法:1、给两个div元素添加“position:absolute”绝对定位样式;2、给其中一个div元素添加“{top:距离页面顶部距离;left:距离页面左侧距离;}”样式使其浮动在另一个div元素上即可。 本教程操作环境:windows7系统、CSS3&&…

    2025年12月24日 好文分享
    000
  • css怎样实现字母不到一行就换行

    css字母不到一行就换行的方法:1、给元素添加“word-break:break-word;”样式,使其以单词为单位换行;2、给元素添加“word-break:break-all;”样式,使其以字母为单位换行。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell…

    2025年12月24日
    000
  • css里怎样设置字体大小和字体颜色

    在css中,可以使用“font-size”和color属性设置字体大小和字体颜色,只需要给字体元素添加“{font-size: 字体大小值;color: 颜色值;}”样式即可。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。 css里设置字体大小…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信