HTML复习之HTML基础

什么是HTML

Hyper Text Markup Language，超文本标记语言
作用：使用标记标签来描述网页，设计网页结构
超文本：

可以加入图片、声音、动画等内容，超越了文本限制

可以从一个页面通过点击链接跳转到另外一个页面称为超链接文本 | 超文本
标记语言：

不是编程语言

标记：标签

简单

Web标准

由w3c组织和其他标准化组织制定的一系列标准的集合

w3c：万维网联盟
组成部分：

结构：网页元素进行分类，类似于身体->HTML

表现：网页元素排版、样式等，类似于外观装饰->CSS

行为：网页交互行为，类似于行为动作->JavaScript
Web标准：

结构、表现、行为分离

HTML语法

由尖括号包围：

例如：
根据标签组成，标签分类如下：

成对标签 | 双标签：由开始标签和结束标签

单标签：单个标签组成
标签关系：

包含关系，比如html包含head、body

并列关系，比如head、body
基础结构标签：

html：页面中最大标签，根标签

head：文档的头部，设置网页的字符编码、网页标题等

body：文档的主体，页面呈现内容基本上都是放到body中

简单案例

<!DOCTYPE html>
<html>
    <!-- 
        (1)由尖括号包围：
            例如：<html>
        (2)根据标签组成，标签分类如下：
            成对标签 | 双标签：由开始标签<xxx>和结束标签</xxx>
            单标签：单个标签组成
        (3)标签关系：
            包含关系，比如html包含head、body
            并列关系，比如head、body
        (4)基础结构标签：
            html：页面中最大标签，根标签
            head：文档的头部，设置网页的字符编码、网页标题等
                <meta charset="utf-8">：避免乱码；utf-8，万国码
                title：网页标题
            body：文档的主体，页面呈现内容基本上都是放到body中
        (5)了解：
            <!DOCTYPE html>：
            文档类型声明标签，位于HTML文档的第一行，告诉浏览器当前网页是采用html5版本编写的
     
     -->
    <head>
        <meta charset="utf-8">
        <title>这是我的第一个网页</title>
    </head>
    <body>
        <p>Hello,HTML!</p>
    </body>
</html>