Html 简明教程

HTML - Introduction

HTML 是一种超文本标记语言，用于创建网页或网站结构。它是 Web 开发中最常用的语言。

HTML 用于创建网页，它具有许多元素，如：- * Headings* 、 * Paragraphs* 、 * Forms* 、 * Tables* 、 * Lists* 等。每个元素都有自己的用途，例如标题元素用于创建标题内容，段落元素用于创建文本段落内容，以此类推。

What is HTML?

HTML 或超文本标记语言是一种常见的标记语言，适用于面向 Web 浏览器的文档。它创建 Web 资料的结构和内容。一些技术常常帮助它们，例如 * Cascading Style Sheets (CSS)* 和脚本语言，如 * JavaScript* 。

Why use HTML?

HTML 是任何网站的结构基础，为了创建或开发任何网站，我们需要使用 HTML，例如提供一个标题部分，或者页脚部分，或者它可以是一个侧边部分或任何它可以做到的。一般而言，HTML 将创建结构，我们也可以使用 HTML 将其它元素放入该结构中。

HTML Versions

html version release year

要进一步了解 HTML 随时间发展而来的演变历程，请查阅我们的 * HTML - History and Evolution.*

HTML Document Structure

HTML 元素具有层次结构，这意味着我们可以在一个元素内创建元素。但有一些规则需要遵循，例如不能将头部放在正文之内，因此要了解 HTML 文档的基本结构，请查看以下示例代码。

在下面的代码中，您可以看到具有代码在右侧提供的输出的 HTML 文档的结构。

HTML Example Code

尝试单击图标 运行按钮来运行以下 HTML 代码以查看输出。

<!-- HTML Version Declaration -->
<!DOCTYPE html>
<!-- HTML Root Element -->
<html>

<!-- HTML Head Section -->
<head>
    <!-- HTML Document Title -->
    <title>This is Title</title>
</head>

<!-- HTML Body Section -->
<body>
    <!-- HTML Header Element -->
    <h1>This is Header</h1>
    <!-- HTML Paragraphs Element -->
    <p>This is a Paragraph</div>
</body>
</html>

上述 HTML 文档示例使用了以下标签：

Tag

Description

<!DOCTYPE>

此标签定义了文档类型和 HTML 版本。

<html>

此标签包含完整的 HTML 文档，并且主要由文档标题（由 <head> …​ </head> 表示）和文档正文（由 <body> …​ </body> 标签表示）组成。

<head>

此标签表示文档的标题，可以保留其它 HTML 标签，如 <title>、<link> 等。

<title>

<title> 标签在 <head> 标签内使用，用于提及文档标题。

<body>

此标签表示文档的正文，其中包含其它 HTML 标签，如 <h1>、<div>、<p> 等。

<h1> to <h6>

指定标题 h1 至标题 h6。

<p>

此标签表示一个段落。

Role of Web Browsers in HTML

Google Chrome、Mozilla Firefox、Microsoft Edge、Apple Safari、Opera 等 Web 浏览器能够显示 HTML 代码的输出，它将基于标签和属性定义字体大小、粗细、结构等。

HTML Tags, Attributes and Elements

HTML 标签和属性创建 HTML 元素，这些元素呈现在网页上。

  1. HTML Tags: Tags 类似于关键字，它们指定 Web 浏览器将如何设置格式和显示内容。Web 浏览器可以通过使用标签来区分简单内容和 HTML 内容。

  2. HTML Attributes: Attributes 用于自定义元素的行为，在开启标记内利用名为 HTML 属性的特殊术语。可以通过 HTML 属性修改 HTML 元素类型。

  3. HTML Elements: Elements 是网页的构建模块。它包含一个起始标记、一个结束标记以及它们之间的内容。

Importance of Learning HTML

如果你想在 Web 开发中追求自己的职业生涯，学习 HTML 非常重要。它是发展的垫脚石。

少数需要 HTML 在任何网页上创建的一些示例。

  1. Paragraph: HTML 文档中的段落用于以清晰的方式表达观点。在 HTML 中，段落信息放置在 HTML - <p> Tag 中。

  2. Headings HTML Heading 指 <h1> 到 <h6> 六个级别，h1 是最重要的标题级别，h6 重要性最低。

  3. Block Elements: 块元素是在该元素正下方创建一个空格的元素，并且默认情况下它在左侧呈现，除非我们使用 CSS 属性的任何特性来操作方向。块元素为 <div> 、 <p> 、 <table> 等。

  4. Line Breaks: 一般用于对信息片段进行分隔或控制印刷媒体网页上的内容布局。

要学习HTML，您需要研究各种标签并了解它们的行为，同时格式化文本文档。学习HTML很简单，因为用户必须学习使用不同的标签来格式化文本或图像以制作漂亮的网页。