HTML 概述

HTML 概述

HTMLHyper text Markup Language 的缩写,它是用于编写网页最常用的语言。

  • Hypertext (超文本)指的是网页(HTML 文档)之间的链接方式。因此,网页上的链接被称为超文本。

  • 如其名所示,HTML 是一种 标记语言 ,这意味着你可以使用 HTML 来给文本文档添加标签,告诉浏览器如何结构化显示。

最初,HTML 的开发目的是为了定义文档的结构,例如标题、段落、列表等,以促进研究人员之间的科学信息共享。

现在,HTML 被广泛用于利用 HTML 语言中的不同标签来格式化网页。

基本 HTML 文档

最简单的形式的 HTML 文档示例如下:

<!DOCTYPE html>
<html>

   <head>
      <title>This is document title</title>
   </head>

   <body>
      <h1>This is a heading</h1>
      <p>Document content goes here.....</p>
   </body>

</html>

HTML标签

如前所述,HTML是一种标记语言,使用各种标签来格式化内容。这些标签被封装在角括号内 <标签名>. 除了一些标签外,大多数标签都有相应的闭合标签。例如, <html> 有其闭合标签 </html><body> 标签有其闭合标签 </body> 等等。

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

序号 标签和描述
1 <!DOCTYPE...> 此标签定义文档类型和HTML版本。
2 <html> 此标签包含完整的HTML文档,主要由文档头部和文档主体组成,文档头部由<head>...</head>标签表示,文档主体由<body>...</body>标签表示。
3 <head> 此标签表示文档的头部,可以包含其他HTML标签,如<title>,<link>等。
4 <title> <title>标签用于在<head>标签中指定文档标题。
5 <body> 此标签表示文档的主体,包含其他HTML标签,如<h1>,<div>,<p>等。
6 <h1> 此标签表示标题。
7 <p> 此标签表示段落。

学习HTML,您需要学习各种标签,并理解它们在格式化文本文档时的行为。学习HTML很简单,用户只需要学习不同标签的用法,以便将文本或图像格式化为漂亮的网页。

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

HTML文档结构

典型的HTML文档将具有以下结构−

<html>

   <head>
      Document header related tags
   </head>

   <body>
      Document body related tags
   </body>

</html>

在接下来的章节中,我们将学习所有的标题和正文标签,但现在让我们看看文档声明标签是什么。

<!DOCTYPE> 声明

<!DOCTYPE> 声明标签由Web浏览器用来理解文档中所使用的HTML版本。当前的HTML版本是5,它使用以下声明:

<!DOCTYPE html>

根据使用的HTML版本,还有许多其他可以在HTML文档中使用的声明类型。在讨论<!DOCTYPE...>标签以及其他HTML标签时,我们将看到更多详细信息。

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程