HTML - 简介


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

HTML 用于创建网页,它有很多元素,例如 标题段落表单、表格、列表等。它们中的每一个都用于自己的目的,例如标题元素用于创建标题内容,段落元素用于创建文本段落内容等。

什么是 HTML?

HTML 超文本标记语言是用于 Web 浏览器的文档的常用标记语言。它创建网络材料的结构和内容。级联样式表 (CSS) 等技术和 JavaScript 等脚本语言经常对此有所帮助。

为什么要使用 HTML?

HTML 是所有网站的组成结构,要创建或开发任何网站,我们需要使用 HTML,例如提供页眉部分或页脚部分,或者它可以是侧边栏部分。基本上,HTML 将创建一个结构,我们将使用 HTML 放置其他元素。

HTML 版本

要了解有关这段时间内 HTML 演变的更多信息,请查看我们的 HTML - 历史和演变

HTML 文档结构

HTML 元素是分层的,要了解 HTML 文档的基本结构,请查看下面的示例代码。

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

HTML 示例代码

运行以下 HTML 代码以查看输出。


<!-- HTML版本声明 --><!DOCTYPE html>   
   <!-- HTML根元素 --><html><!-- HTML Head 部分--><head>
    <!-- HTML文档标题 -->
    <title>这里是标题</title></head><!-- HTML Body 部分--><body>
    <!-- HTML Header 元素 -->
    <h1>这是 标题头</h1>
    <!-- HTML 段落元素 -->
    <p>这是段落</div></body></html>

上面的 HTML 文档示例使用以下标签:

标签 描述
<!DOCTYPE> 定义文档类型和 HTML 版本。
<html> 此标签包含完整的 HTML 文档,主要由文档标题组成,文档标题由 <head >...</head> 和由 <body>表示的文档正文...</body>标签。
<head> 定义代表文档的标题,可以保留其他 HTML 标签,如<title>、<link> 等。
<title> 定义在 <head> 标签内用于提及文档标题。
<body> 定义文档正文,其中包含其他 HTML 标签,如 <h1>、<div>、<p> 等。
<h1> to <h6> 定义将标题 <h1> 到 <h6> 。
<p> 定义一个段落。

网页浏览器在 HTML 中的作用

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

HTML 标签、属性和元素

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

  • 标签(Tags):标签类似于关键字,用于指定 Web 浏览器如何格式化和显示内容。Web 浏览器可以使用标签来区分简单内容和 HTML 内容。
  • 属性(Attributes):属性用于自定义元素的行为,在开始标签中使用称为 HTML 属性的特殊术语。HTML 元素类型可以通过 HTML 属性进行修改。
  • 元素(Elements):元素是网页的构建块。由开始标签、结束标签以及它们之间的内容组成。

学习 HTML 的重要性

如果您想从事 Web 开发事业,学习 HTML 很重要。它是发展的垫脚石。

在任何网页上创建需要 HTML 的几项内容的列表。

  • 段落(Paragraph):段落用于以清晰方式表达某观点的描述。HTML 的段落信息位于 HTML - <p> 标签中。
  • 标题(Headings标题 指从 <h1> 到 <h6> 的 6 个级别,h1 是最重要的标题,h6 是最低重要性。
  • 块元素(Block Elements):块元素是那些在该元素下方创建空间的元素,可以使用 CSS 的任何属性来操作显示方向。块元素有 <div><p><table> 等。
  • 换行符(Line Breaks):通常用于在信息片段之间创建分隔或控制印刷媒体网页上的内容布局。

要学习 HTML,需要研究各种标签并了解它们的行为方式,同时格式化文本文档。学习 HTML 很简单,因为用户必须学习不同标签的用法才能格式化文本或图像以制作精美的网页。

注意:万维网联盟 (W3C) 建议使用从 HTML 4 开始的小写标签。