HTML 标签

🌙
手机阅读
本文目录结构

写在前面

HTML 标签
这是我整理的一份 HTML 标签文档,HTML标签是一名专业前端开发者的基础中的基础,一定要掌握好;

HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面

网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。

HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。

HTML的语言形式为尖括号包围的HTML元素,浏览器使用HTML标签和脚本来诠释网页内容,但不会将它们显示在页面上。

HTML可以嵌入如JavaScript的脚本语言,它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表(CSS)来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟(W3C)鼓励人们使用CSS替代一些用于表现的HTML元素。

我按照标签的功能和字母顺序进行了分类,你可以直接按照自己需要查看

把文档写出了更符合阅读的格式;

内容结构

本文档中的每个 HTML 标签的内容结构一般是下面这个样子的

  • 标签功能
  • 标签用法
  • 标签演示
  • 浏览器支持
  • 提示和注释 / 注意事项
  • HTML4 与 HTML5 之间的差异
  • HTML 与 XHTML 之间的差异
  • 全局属性
  • 事件属性

如果您有什么更好的建议,欢迎告诉我,我对做出优秀的基础文档非常有兴趣

HTML 的意义

HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。

除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。

“超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。

链接是网络的一个基本方面。只要将内容上传到互联网,并将其与他人创建的页面相链接,你就成为了万维网的积极参与者。

HTML 标签是什么?

HTML 使用“标记”(markup)来注明文本、图片和其他内容,以便于在 Web 浏览器中显示。

HTML 标记包含一些特殊“元素”如 <head><title><body><header><footer><article><section><p><div><span><img><aside><audio><canvas><datalist><details><embed><nav><output><progress><video> 等等等等。

本文档就是介绍上面这种标签的

标签使用演示

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>网页标题</title>
  </head>
  <body>
    <h1>阿西河前端教程<h1>
  </body>
</html>

上面就是 HTML 标签的使用;是一组成对使用;

掌握 HTML 标签的好处

可以更好的驾驭 HTML,HTML 可以说非常简单,但是很多有经验的前端开发都经常翻车;就是因为很多人不屑于研究;

导致很多 HTML 标签能做的时候,因为开发者没有了解过,所以用 JS 写很多代码才实现需求;

掌握 HTML 的所有标签,知道能做哪些事情,是非常有必要的!!!

本文档的阅读建议

建议可以按照右侧整理好的目录进行查找,我已经按照标签的功能进行归类整理了;

这样读者按照功能去学习,同一功能下的标签有对比,有区别,有联系,会让你理解的更深刻;

你也可以按照功能和字母查看

本文档的参考

本文档参考了下面网站,并且结合了自己的开发和实践,进行了增加,修改,删除,尽力让从没有 HTML 基础的人,能够快速的上手

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

书籍推荐