HTML(超文本标记语言)是构建网页的基础语言。每个网站都是由 HTML 代码构成的,并且它能够决定网页的结构和内容。在深入学习其他前端技能(如 CSS 和 JavaScript)之前,掌握 HTML 是至关重要的。

0a320df2315b47faaf08d3a520f23c6c.png一、什么是 HTML?HTML,全称为 HyperText Markup Language,即超文本标记语言,是用于创建网页和用户界面的标准标记语言。HTML 通过使用标记(即标签)来定义网页的内容和结构。一个典型的 HTML 文档包括元素、属性和内容。

HTML 结构

在学习 HTML 的基础知识之前,让我们先看一下一个简单的 HTML 文档结构:

2dc846f29049d89491b9e3a51896caec.png代码语言:javascript代码运行次数:0运行复制

学习 HTML 技术

欢迎来到 HTML 学习之旅

这是一段介绍 HTML 的简单示例。

在这个示例中,我们可以看到以下几个部分:

​​​​: 声明文档类型,表示使用 HTML5​​​​: HTML 文档的根元素​​​​: 包含文档的元数据,如标题和字符集​​​​: 包含网页的主要内容​​​​: 元素描述了文档的标题​​<h1>​​: 元素定义一个大标题​​<p>​​: 元素定义一个段落注:在浏览器的页面上使用键盘上的 F12 按键开启调试模式,就可以看到组成标签。</p> <p>fce17b0318b283e4f38bbad892870ab9.png二、HTML 标签HTML 标签是网页内容的基石,用于构建和定义页面的结构和内容。每个标签都有其特定的功能和用途,通常以尖括号括起来,来表明其开始和结束。</p> <p>HTML 标记标签通常被称为 HTML 标签 (HTML tag)</p> <p>HTML 标签是由尖括号包围的关键词,比如 <html>HTML 标签通常是成对出现的,比如 <b> 和 </b>标签对中的第一个标签是开始标签,第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签<标签>内容</标签></p> <p>三、HTML 元素"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.</p> <p>但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:</p> <p>HTML 元素:</p> <p><p>这是一个段落。</p></p> <p>四、Web 浏览器Web浏览器,如谷歌浏览器、Internet Explorer、Firefox和Safari等,负责解析HTML文件并将其呈现为用户可浏览和交互的网页形式。</p> <p>浏览器不会直接显示HTML标签,而是根据标签的内容和结构来决定如何最佳呈现页面内容给用户。</p> <p>9cf8cc6023fcbf4c1ab208a3fa4ffae4.png代码语言:javascript代码运行次数:0运行复制<!DOCTYPE html></p> <p><html lang="zh"></p> <p><head></p> <p><meta charset="UTF-8"></p> <p><meta name="viewport" content="width=device-width, initial-scale=1.0"></p> <p><title>学习 HTML 技术

这是我的第一个网页

我的第一个段落

五、HTML结构框架下面是一个可视化的HTML结构框架:

a52f48ee8566f61ca5751821bd133fcc.png注意:只有 区域 (白色部分) 才会在浏览器中显示。

六、HTML版本差异HTML(HyperText Markup Language)是用于创建网页的标准语言,随着时间的推移,它经历了多个版本和更新。以下是一些主要HTML版本之间的差异对比:

HTML 2.0:发布于1995年11月。最早被广泛采用的HTML版本之一。引入了基本的文本和链接标记,如标题、段落、列表和链接等。HTML 3.2:发布于1997年1月。引入了表格、表单和图像等新元素和属性。对标准化HTML的发展起到了重要作用,是早期互联网内容的基础。HTML 4.01:分为严格(Strict)、过渡(Transitional)和框架集(Frameset)三种DTD(文档类型定义)。引入了样式表(CSS)的支持,使得页面布局和设计更加灵活。加强了表单的功能和多媒体支持,如音频和视频元素。XHTML 1.0:发布于2000年1月。XHTML是HTML的XML扩展,更加严格和模块化。引入了XML的语法要求,包括强制使用小写标签和关闭所有标签。HTML5:开始制定于2004年,最终标准发布于2014年。引入了许多新特性,如语义化标签(如

)、多媒体元素(
Copyright © 2088 俄罗斯世界杯主题曲_世界杯下一届 - pin8pin8.com All Rights Reserved.
友情链接