【前端基础】1、HTML概述（HTML基本结构）

一、网页组成

1. HTML：网页的内容
2. CSS：网页的样式
3. JavaScript：网页的功能

二、HTML概述

HTML：全称为超文本标记语言，是一种标记语言。

• 超文本：文本、声音、图片、视频、表格、链接
• 标记：由许许多多的标签组成

三、HTML组成

由"标签"构成的。

它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

四、HTML文件结构特点

• 百度
  
• CSDN
  
• 微软
  

总结：

<!DOCTYPE html>
<html>
    <head>

    </head>

    <body>
        
    </body>
</html>

• 第一行<!DOCTYPE html>：是文档声明，声明是HTML。浏览器就会以HTML规范进行编译。
• <html>标签和最后一行</html>：定义html文档的整体。
• <head>到</head>：定义页面的属性。存放一些元数据，比如页面的标题。
• <body>到</body>：定义页面显示的内容。

一个标签 = 一个对象：

程序员拿到这些对象，可以对这些对象进行增删改查，定义属性等等操作。

五、HTML标签结构关系

<!DOCTYPE html>
<html>
    <head>
		<title> Test Title </title>
    </head>

    <body>
        <p> Test </p>
    </body>
</html>

1. <head> 和 <body> 是 <html> 的子标签。<html> 是 <head> 和 <body> 的父标签。
2. <title> 是 <head> 的子标签。<head> 是 <title> 的父标签。
3. <p> 是 <body> 的子标签。<body> 是 <p> 的父标签。
4. <head> 和 <body> 是兄弟关系。

六、HTML的注释

HTML注释以<!--开始，以-->结束。

在这两个标记之间的任何内容都会被浏览器忽略，不会显示在页面上，但会保留在HTML源代码中。‌

• 单行注释

    <!-- 这是一个HTML注释 -->  

• 多行注释

    <!--  
    这是一个多行HTML注释  
    可以跨越多行  
    并包含任何文本  
    -->