01-HTML基础知识

1 网站的交互逻辑

1.1 浏览器解析

graph LR
     流程逻辑
    A[index.html] --> B
    SubA[标签如 a] -.-> A
    
    B{浏览器软件}:::browser --> C[遵从 Web 开发标准]
    B --> D[浏览器解析 / 渲染]

     定义节点样式
    classDef actor fill:#eaeaea,stroke:#333,stroke-width:2px;
    classDef browser fill:#fff,stroke:#333,stroke-width:1px;
    classDef server fill:#f9f9f9,stroke:#333,stroke-dasharray: 5 5;

     样式精简
    style WebPage fill:#f9f9f9,stroke:#333,stroke-width:2px

2 什么是前端

*前端: 任何与用户直接打交道的操作界面都可以称之为前端，主要负责页面展示、与用户交互等等;

后端: 负责处理逻辑、数据存储和交互等任务.

3 HTML概述

html (Hyper Text Markup Language ) 中文译为“超文本标记语言”，主要是通过html标记对 网页中的文本，图片，声音等内容进行描述

Abstract

🏕️ 超文本：暂且简单理解为“超级的文本”，和普通文本比，内容更丰富。

标记：文本要变成超文本，就需要用到各种标记符号。

语言：每一个标记的写法、读音、使用规则，组成了一个标记语言。