一，网页基础知识

  • 网页是由文字，图片，音频，视频，超链接组成的。
  • 我们看到的网页是通过前端程序员编写的代码，然后通过浏览器引擎渲染而成的。
  • 五大浏览器：
    • IE浏览器
    • 火狐浏览器
    • 谷歌浏览器
    • Safari浏览器
    • Opera浏览器
  • 渲染引擎：浏览器中专门对代码进行解析渲染的部分。
  • 不同浏览器有不同的渲染引擎，不同的渲染引擎导致解析相同代码的速度，性能，效果也不同。
  • Web标准：因为不同渲染引擎渲染相同的代码，导致显示的效果也不同，故W3组织定制了一套Web标准用来规定开发网页的Web标准。分别是：
    • HTML：结构，页面元素和内容。
    • CSS：表现，网页元素的外观和位置等页面样式。
    • JS：行为，网页模型的丁页与页面交互。

二，HTML概念

HTML（Hyper Text Markup Language）超文本标记语言

专门用于网页开发的语言，主要通过 HTML 标签对网页中的文本、图片、音频、视频等内容进行描述

HTML 骨架：网页中的固定结构是要通过特点的 HTML 标签 进行描述的

HTML 骨架为：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>
  • html：网页的整体部分
  • head：网页的头部
  • body：网页的身体
  • title：网页的标题

三，语法规范

3.1 HTML注释

注释的作用

  • 为代码添加的具有解释性、描述性的信息，主要用来帮助开发人员理解代码

  • 浏览器执行代码时会忽略所有的注释

3.2 HTML标签构成

2953321-20231125212023616-548525583.png

3.2 HTML标签的关系

HTML 标签之间的关系：

  • 嵌套关系

    <head>
    <title></title>
</head>

  • 并列关系

    <head>
    
</head>
<body>
    
</body>