HTML 是什么?HTML 特点和标签详解

这篇具有很好参考价值的文章主要介绍了HTML 是什么?HTML 特点和标签详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

HTML

一、什么是HTML

HTML的英文全称是 Hyper Text Markup Language,为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

二、HTML有什么特点

  • 简易性:HTML版本升级采用超集方式,从而更加灵活方便。

  • 可扩展性:HTML的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

  • 平台无关性:HTML语言可以使用在广泛的浏览器上,这是万维网(WWW)盛行的其中一个原因。

  • 通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

三、HTML有哪些标签

HTML共计110个标签

1、基础标签

< !DOCTYPE >:定义文档类型*
< html >: HTML 文档根标签*
< head >:定义关于文档的信息*
< meta >:定义关于 HTML 文档的元信息*
< title >:标题标签*
< base >:定义页面中所有链接的默认地址或默认目标
< body >:定义文档的主体*
< h1 > to < h6 >:定义 HTML 标题(由大到小)*
< p >:定义一个段落*
< br >:定义换行*
< hr >:定义水平线*
< !–…-- >:定义一个注释*
2、格式标签

< abbr >:定义一个缩写
< address >:定义文档作者或拥有者的联系信息
< b >:定义粗体文本*
< i >:定义斜体文本*
< u >:定义下划线文本*
< bdi >:允许您设置一段文本,使其脱离其父元素的文本方向设置。
< bdo >:定义文本的方向
< blockquote >:定义块引用
< cite >:定义作品的标题
< del >:定义被删除的文本
< code >:定义计算机代码文本
< dfn >:定义一个定义项目
< em >:定义强调文本
< kbd >:定义键盘文本
< samp >:定义计算机代码样本
< strong >:定义语气更为强烈的强调文本*
< var >:定义文本的变量部分
< ins >:定义被插入文档中的文本
< mark >:定义带有记号的文本
< meter >:度量衡
< pre >:预格式化文本*
< progress >:定义运行中的任务进度
< q >:定义短的引用(自动加引号)
< rp >:定义不支持 ruby 元素的浏览器所显示的内容
< rt >:定义字符的解释或发音
< ruby >:定义 ruby 注释
< small >:定义小号文本
< sup >:定义上标文本(上标文本可以用来添加脚注)
< time >:定义一个日期 / 时间
< wbr >:规定文本中的何处适合添加换行符
3、表单标签

< form >:定义一个 HTML 表单,用于用户输入*
< input >:定义一个输入控件*
< textarea >:定义多行文本输入控件*
< button >:定义按钮*
< select >:定义选择列表(下拉列表)*
< optgroup >:定义选择列表中相关选项的组合*
< option >:定义选择列表中的选项*
< label >:定义 input 元素的标注*
< fieldset >:定义围绕表单中元素的边框
< legend >:定义 fieldset 元素的标题
< datalist >:规定了 input 元素可能的选项列表
< output >:定义一个计算的结果
4、框架标签

< iframe >:定义内联框架*
5、图像标签

< img >:定义图像*
< map >:定义图像映射
< area >:定义图像地图内部的区域
< canvas >:通过 JavaScript 来绘制图形
< figure >:用于对元素进行组合
< figcaption >:定义一个 caption for a < figure > element
6、音频和视频标签

< audio >:定义声音,比如音乐或其它音频流*
< source >:定义 media 元素的媒体资源
< track >:为媒体元素定义外部文本轨道
< video >:定义一个音频或者视频*
7、链接标签

< a >:定义一个链接*
< link >:定义文档与外部资源的关系*
< nav >:定义导航链接*
8、列表标签

< ul >:定义一个无序列表*
< ol >:定义一个有序列表*
< li >:定义一个列表项*
< dl >:定义一个定义列表*
< dt >:定义一个定义列表中的项目*
< dd >:定义定义列表中项目的描述*
< menu >:定义菜单列表
< commend >:定义用户可能调用的命令
9、表格标签

< table >:定义一个表格*
< caption >:定义表格的标题
< th>:定义表格中的表头单元格*
< tr>:定义表格中的行*
< td>:定义表格中的单元*
< thead>:定义表格中的表头数据*
< tbody>:定义表格中的主体内容*
< tfoot>:定义表格中的表注内容*
< col>:定义表格中一个或多个列的属性值
< colgroup>:定义表格中供格式化的列组
10、样式和节点标签

< style>:定义文档的样式信息*
< div>:定义文档中的节*
< span>:定义文档中的节*
< header>:定义一个文档头部部分*
< footer>:定义一个文档底部*
< section>:定义了文档的某个区域
< article>:定义了一个文章内容
< aside>:定义其所处内容之外的内容
< details>:定义了用户可见的或者隐藏的需求的补充细节
< dialog>:定义一个对话框或者窗口
< summary>:定义一个可见的标题。当用户点击标题时会显示出详细信息。
11、程序标签

< script>:定义客户端脚本*
< noscript>:定义针对不支持客户端脚本的用户的替代内容
< embed>:定义了一个容器,用来嵌入外部应用或者互动程序
< object>:定义嵌入的对象
< param>:定义对象的参数
< main>:定义文档的主要内容文章来源地址https://www.toymoban.com/news/detail-437807.html

到了这里,关于HTML 是什么?HTML 特点和标签详解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HTML中元素和标签有什么区别?

    前端入门之旅:探索Web开发的奇妙世界 欢迎来到前端入门之旅!感兴趣的可以订阅本专栏哦!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者,这里都将为你提供一个系统而又亲切的学习平台。在这个

    2024年02月14日
    浏览(30)
  • HTML的label标签有什么用?

    当你想要将表单元素(如输入框、复选框、单选按钮等)与其描述文本关联起来,以便提供更好的用户界面和可访问性时,就可以使用HTML中的 label 标签。 label 标签用于为表单元素提供标签或标识,使用户能够更清楚地了解每个表单元素的用途。 label 标签的作用有两个主要方

    2024年02月11日
    浏览(38)
  • C# 编程语言有什么特点?

    在开始前我有一些资料,是我根据网友给的问题精心整理了一份「C#的资料从专业入门到高级教程」, 点个关注在评论区回复“888”之后私信回复“888”,全部无偿共享给大家!!!C#(C Sharp)是一种由Microsoft开发的多范式编程语言,最初发布于2000年。以下是C#编程语言的一

    2024年01月22日
    浏览(57)
  • HTML常见标签详解

    俺写这篇文章就是为了在需要的时候可以通过这个来复习,这里主要讲的就是 认识html基本结构 学会使用常见的html标签 1. 认识 HTML 标签 举例: 标签名(body)需要放在里面. 大部分的标签都是 成对 出现的, xxx 作为开始标签,并且由 /xxx 结束(结束标签),如同上面的. 少数

    2024年02月11日
    浏览(38)
  • HTML及其标签详解

    1什么是网页 网站 是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。 网页 是网站中的一“页”,通常是 HTML格式的文件,它要通过浏览器来阅读。 网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常

    2024年02月15日
    浏览(42)
  • HTML中常用标签--详解

    目录 1.b/strong标签 2.i/em 标签 3.u标签 4.del删除线 5.br换行 6.p标签 * 7.pre 预处理标签 8.span标签** 9.div标签*** 10.sub标签 11.sup标签 12.hr标签 13.hn标签 14.HTML5中语义标签 特殊字符 15.多媒体标签 img*** a 标签*** 第一种用法:超链接 第二种用法:锚点 audio 标签 video标签 16.表格标签** 基

    2024年01月24日
    浏览(36)
  • HTML a 标签详解

    a 标签是浏览器中最常见的标签,它最主要的作用是从一个页面跳转到另一个页面,那么除了超链接这个最主要的功能,你还知道 a 标签的哪些功能呢? href a 标签有一个至关重要的属性: href ,如果没有设置这个属性,他就会和最普通的行内元素一样 span 一样,没有特殊的功

    2023年04月09日
    浏览(28)
  • 什么是脚本语言,解释脚本语言的特点和应用领域

    脚本语言是一种编程语言,通常用于自动化任务或脚本。它们通常比传统的编程语言更容易学习和使用,因为它们通常具有更少的语法和更简单的命令。 脚本语言的特点包括: 简单易学:脚本语言通常具有简单的语法和命令,使得它们易于学习和使用。 快速执行:脚本语言

    2024年02月09日
    浏览(37)
  • 详解一下HTML的语义化标签

    目录 什么是语义化标签: HTML5的语义化元素的优点: HTML5的语义化元素的缺点: 来个例子: 语义化标签有那些: 语义化标签是HTML的一种特性,其核心目标是让标签具有特定的意义。它们的存在不仅帮助开发者更好地理解文档的结构,也让浏览器和搜索引擎能够更直观地识别标签和

    2024年02月07日
    浏览(36)
  • HTML的form表单标签详解~

    通过HTML提交表单数据有web中是非常常用的操作,所以有必要详细、仔细学习了解HTML的form表单。 示例代码: 答:在HTML中, novalidate 是一个布尔属性,通常用于 form 元素中。它用来指示浏览器不应该对表单中的输入进行验证, 即不执行浏览器默认的表单验证行为。 当表单中

    2024年02月11日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包