HTML（超文本标记语言）允许Web 用户使用元素、标签和属性创建和构建部分、段落和链接。但是，需要注意的是，HTML 不被视为编程语言，因为它不允许您创建动态功能。
HTML 有许多用例，包括：
Web开发。开发人员使用HTML 代码来设计浏览器如何显示网页元素（例如文本、超链接和媒体文件）。互联网导航。 HTML 广泛用于嵌入超链接，允许用户轻松导航并在相关页面和网站之间插入链接。网络文档。 HTML 允许您像Microsoft Word 一样组织和格式化文档。还值得注意的是，HTML 现在已被视为官方Web 标准。万维网联盟(W3C) 维护和开发HTML 规范并提供定期更新。本文介绍了HTML 的基础知识，包括它的工作原理、它的优点和缺点以及它与CSS 和JavaScript 的关系。
什么是 HTML？
HTML（超文本标记语言的缩写）是构成大多数网页和在线应用程序的计算机语言。超文本是用来引用其他文本的文本，而标记语言是一组标签，告诉Web 服务器文档的样式和结构。
HTML 是如何工作的
搜索国内网站。这是对历史最详细的解释。长按可将翻译保存到手机。
html文件
一般网站都包含几个不同的信息HTML 页面。例如，您的主页、关于页面和联系页面都是单独的HTML 文件。
HTML 文档是以.html 或.htm 扩展名结尾的文件。 Web 浏览器读取HTML 文件并呈现其内容以供Internet 用户显示。
html元素的三个部分
每个HTML 页面都有一组由一组标签和属性组成的HTML 元素。 HTML 元素是网页的构建块。标签告诉Web 浏览器元素的开始和结束位置，属性描述元素的特征。
该元素的三个主要部分是：
开始标签——用来描述一个元素从哪里开始生效。标签包含在左尖括号和右尖括号内。例如，使用开始标记p 创建一个段落。内容—— 这是其他用户可见的输出。结束标签- 与开始标签相同，但在元素名称之前有一个斜杠。例如，/p 结束一个段落。将这三个部分组合起来创建一个HTML 元素。
这是向pHTML 添加段落的方法。 /pHTML 元素的另一个重要部分是属性，它由两部分组成：名称和属性值。名称标识您要添加的任何附加信息，属性值提供详细说明。
例如，如果将Purple 和font family verdana 添加到style 元素，它将如下所示：
p style='color:purple;font-family:verdana' 这是向HTML 添加段落的方法。 /p 另一个属性，HTML 类，对于开发和编程来说是最重要的。 class 属性添加可应用于具有相同类值的不同元素的样式信息。 例如，对标题h1 和段落p 使用相同的样式。样式包括.important 类下的背景颜色、文本颜色、边框、边距和填充。要在h1 和p 之间实现相同的样式，请在每个开始标记后添加class=" important"。
htmlheadstyle. important { 背景颜色： 蓝色； 边框： 2 像素； }/style/headbodyh1 class='重要' /大多数p/body/html 元素都有开始和结束标记，但某些元素（例如空元素）无需结束标记即可工作。这些元素没有内容，因此不使用结束标记。
img src='/' alt='image' 该图像标签有两个属性——。 src 属性、图像路径和alt 属性以及描述性文本。但是，它没有内容，也没有结束标签。
最后，所有HTML 文档都必须以!DOCTYPE 声明开头，以告知Web 浏览器文档类型。在HTML5 中，doctype HTML 公共声明如下所示：
!DOCTYPE html
最常用的 HTML 标签和 HTML 元素
目前有142 个HTML 标签可用于创建各种元素。尽管现代浏览器不再支持其中一些标签，但了解所有可用的不同元素仍然很有用。
第二部分介绍最常用的HTML 标签和两个主要元素：块级元素和内联元素。
块级元素
块级元素占据页面的整个宽度。文档中始终以新行开始。例如，标题元素与段落元素放置在单独的行上。
所有HTML 页面都使用三个标签:
html 标签是定义整个HTML 文档的根元素。 head标签存储页面标题、字符集等元信息。 body标签包含页面上出现的所有内容。 html head !-- 元信息-- /head body !-- 页面内容-- /body/html 其他常见的块级标签包括：
标题标签- 范围从h1 到h6，其中标题h1 的尺寸最大，逐渐减小到h6。所有段落标签—— 都包含在p 标签中。列表标签—— 有多种变体。 ol 标签用于有序列表，ul 标签用于无序列表。接下来，使用li 标签将每个列表项括起来。
内联元素
内联元素格式化块级元素的内部内容，例如添加链接和突出显示的文本。内联元素最常用于格式化文本而不中断内容流。
例如，strong 标签以粗体显示元素，em 标签以斜体显示元素。超链接也是内联元素，使用a 标签和href 属性来指示链接目标。
a href='https://www.icodeu.com/' 点击此处！ /a
HTML 演变——HTML 和 HTML5 有什么区别？
HTML 的第一个版本由18 个标签组成。从那时起，新版本总是向标记添加新的标签和属性。迄今为止最重要的语言升级是2014 年HTML5 的引入。
HTML 和HTML5 之间的主要区别在于HTML5 支持新类型的表单控件。 HTML5 还引入了一些语义标签来清晰地描述内容，例如文章、页眉和页脚。
HTML 的优点和缺点
与任何计算机语言一样，HTML 也有优点和局限性。 HTML 的优点和缺点是：
优势：
适合初学者的： HTML 具有干净、一致的标记，并且学习曲线较低。广泛支持：该语言使用广泛，拥有许多资源和庞大的社区。辅助功能：开源且完全免费。 HTML 在所有Web 浏览器中本机运行。灵活性：HTML可以轻松与PHP、Node.js等后端语言集成。与任何计算机语言一样，HTML 也有优点和局限性。 HTML 的优点和缺点是：
坏处：
静态此语言主要用于静态网页。对于动态功能，您还可以使用后端语言，例如JavaScript 或PHP。单独的HTML 页面用户必须为HTML 创建单独的网页，即使元素相同。浏览器兼容性有些浏览器采用新功能的速度很慢。较旧的浏览器可能并不总是显示新选项卡。
HTML、CSS 和 Javascript 是如何相关的
HTML 用于添加文本元素并创建内容结构。然而，建立一个专业且完全响应式的网站还不够。因此，HTML 依赖分层样式表(CSS) 和JavaScript 来创建网站的大部分内容。
CSS 负责设计背景、颜色、布局、间距和动画等样式。 JavaScript 添加了动态功能，例如滑块、弹出窗口和照片库。这三种语言是前端开发的基础。
结论
HTML 是Internet 上的主要标记语言。每个HTML 页面都有一组元素，用于创建网页或应用程序内容的结构。
HTML 是一种对初学者友好的语言，有很多支持，主要用于静态网站页面。 HTML 与CSS（样式）和JavaScript（功能）配合效果最佳。
我们还将介绍一些在线教育课程，可以帮助您提高HTML 知识或对HTML 有基本的了解。
如果您有任何其他喜欢的HTML 学习资源，请在评论中告诉我们。
版权声明：本文由今日头条转载，如有侵犯您的版权，请联系本站编辑删除。