目录导航

超文本标记语言(HTML)是设计和开发网页的最常用语言。 要使用HTML创建网页,必须熟悉HTML基础知识。

因此,有必要学习HTML基础知识,例如:标签和嵌入在HTML标签,属性和数据类型中的内容。

基本HTML文档

下面是基本的HTML标记,这些标记将整个文档分为头部,正文等各个部分。

  • 每个HTML文档都以HTML文档标签开头。 尽管这不是强制性的,但是使用下面提到的标记开始文档是一个好习惯:
    <!DOCTYPE html>
    
  • <html> - 每个HTML代码都必须包含在基本<html>标记之间。 它以<html>开头,并以</html>标记结尾。
  • <head> - 接下来是head标签,其中包含网页或文档的所有标题信息,如页面标题和其他杂项信息。这些信息包含在head标记内,该标记以<head>开始,以</head>结尾。
  • <title> - 使用<title>标签指示网页的标题。它用于显示标题信息。 标签以<title>开头,以</title>结尾
  • <body> - body标签包含页面的实际正文,所有用户都可以看到。它以<body>开始,以</body>结尾。标签中包含的所有内容都会在网页上显示,包括文字,图像,音频或视频,甚至是链接。

HTML标记指示Web浏览器如何解释文档。 标签的属性提供其他信息,例如:标签的行为和属性。 根据标签和属性定义的属性和行为,将内容显示在浏览器上。

HTML标签可以根据其在网页上显示的行为分为以下几部分:

  • 根元素 - 包含HTML的主要标签。
  • 元数据 - 包含定义整个HTML文档行为的标签。
  • 部分 - 包含用于表示HTML文档各个部分的标签。
  • 标题 - 包含表示HTML文档中标题的标签。
  • 流 - 包含在HTML文档的BODY标签中使用的标签,以定义文档的结构。
  • 短语 - 包含用于显示HTML文档文本的标签。
  • 嵌入式 - 包含用于将内容嵌入HTML文档中的标签。
  • 交互式 - 包含用于用户交互性的标签。

HTML基础示例

下面是一些HTML基础示例:

<!DOCTYPE HTML>
<html>
<head>
    <title>HTML教程标题</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>

    <h1>H1标签</h1>
    <p>这是一个段落(A)</p>
    <h2>H2标签</h2>
    <p>这是一个段落(B)</p>
    <h3>H2标签</h3>
    <p>这是一个段落(C)</p>

</body>
</html>

在文本编辑器(记事本或其他)中编写以上HTML代码,并使用.html扩展名保存,这里保存为:index.html 。在浏览器中打开保存的文件结果如下所示:

HTML基础示例

以下是另一个HTML基本示例:

<!DOCTYPE HTML>
<html>
<head>
    <title>HTML教程标题</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
    <h1>Hello,XN</h1> 
    <p> 
    这是A行<br>  
    这是A-1行<br> 
    </p> 
    <hr> 
    <p> 
        这是B-1行<br>  
        这是B-2行<br> 
    </p> 
    <hr> 
    <p> 
     这是C-1行<br>  
     这是C-2行<br> 
    </p> 
    <hr> 
</body>
</html>

在浏览器中打开保存的文件结果如下所示: