前端笔记——HTML（持续更新中）~

最新推荐文章于 2024-08-16 23:47:01 发布

Mike白

最新推荐文章于 2024-08-16 23:47:01 发布

阅读量48

点赞数 1

分类专栏：学习笔记文章标签： html5 学习笔记前端

本文链接：https://blog.csdn.net/m0_74171595/article/details/131214147

版权

6 篇文章 0 订阅

订阅专栏

HTML从1991年的初版至今，经历了多个版本的演进，包括HTML5的推出，带来了丰富的功能和API。HTML是网页开发的基础，常用标签如<html>、<head>、<title>、<body>、<p>、<a>等用于构建网页结构和内容。

摘要由CSDN通过智能技术生成

HTML

HTML（Hypertext Markup Language）的历史可以追溯到上世纪90年代初，以下是HTML的主要历史阶段：

HTML 1.0：在1991年发布，是HTML的最初版本，用于创建基本的文本和链接结构，但功能有限。
HTML 2.0：于1995年发布，引入了一些新的功能和标记，如表格、图像和表单元素。这是互联网早期网页的基本标准。
HTML 3.2：于1997年发布，是HTML的重要更新，引入了更多的标记和功能，如框架、背景图像和表单验证。
HTML 4.01：于1999年发布，进一步扩展了HTML的功能和标记集。它包括了样式表（CSS）的集成，支持复杂的布局和样式化。
XHTML（Extensible HTML）：XHTML于2000年发布，是对HTML的严格化和模块化的版本。它是基于XML（可扩展标记语言）的HTML，强调文档的结构和语法的规范性。
HTML5：HTML5是在2014年成为W3C推荐标准的最新版本。它引入了许多新的功能和API，如语义化元素（如<header>、<footer>）、多媒体支持（如<video>、<audio>）、Canvas绘图和Web存储等。

HTML5还支持响应式设计、跨平台兼容性和更好的语义化标记。它提供了更多的灵活性和交互性，使开发人员能够创建更丰富、动态和可访问的网页和应用程序。

随着互联网的发展和技术的进步，HTML仍在不断演化和发展。新的HTML版本和规范不断出现，以满足不断变化的需求和技术挑战，提供更好的用户体验和开发体验。

HTML（超文本标记语言）是用于创建网页和应用程序的标准标记语言。它提供了网页内容的结构和格式，定义了元素的显示和组织方式。

HTML文档由一系列用尖括号（< >）括起来的标签组成。标签用于定义文档中的不同元素及其属性。以下是一个基本的HTML结构示例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
</head>
<body>
    <!-- 在这里编写网页内容 -->
</body>
</html>

让我们逐步解释每个部分的作用：

这是一个基础的HTML文档结构，你可以在<body>标签中添加各种HTML标签和内容，来构建你的网页。

常见标签
<html>	定义HTML文档的根元素。
<head>	定义HTML文档的头部，包含了文档的元数据（如标题、样式表、脚本等）。
<title>	定义网页的标题，显示在浏览器的标题栏或标签页上。
<body>	定义HTML文档的主体内容。
<h1>到<h6>	定义标题，按重要性递减，`<h1>`是最高级别的标题。
<p>	定义段落，用于包裹一段文本。
<a>	定义链接，创建一个指向其他网页、文件或位置的超链接。
<img>	定义图像，用于在网页中插入图片。
<ul>	定义无序列表，用于显示项目的列表，项目以符号（通常是圆点）表示。
<ol>	定义有序列表，用于显示按顺序排列的项目，项目以数字或字母表示。
<li>	定义列表中的每个项目。
<table>	定义表格，用于显示数据的网格。
<tr>	定义表格中的行。
<td>	定义表格中的单元格。
<div>	定义文档中的块级元素容器，用于组织和样式化内容。
<span>	定义文档中的行内元素容器，用于对文本进行样式化或标记。
<form>	定义用于收集用户输入的表单。
<input>	定义表单中的输入字段，例如文本框、复选框等。
<button>	定义按钮，用于触发特定的操作或事件。
<script>	定义客户端脚本，通常用于添加交互性和动态功能。

这些只是HTML标签中的一部分，还有很多其他标签可用于创建不同类型的内容和功能。

关注

专栏目录