HTML笔记

第一章基础认知

1.1 基础概念

1.1.1 认识网页

网页有哪些部分组成？

文字、图片、音频、视频、超链接

网页背后本质是什么？

前段程序员写的代码

前段的代码通过什么软件转换成用户眼中的页面的？

通过浏览器（解析和渲染）成用户看到的网页

1.1.2 认识浏览器

浏览器：是网页显示、运行的平台，是前端开发必备利器。

常见的五大浏览器：

IE浏览器、火狐浏览器（Firefox）、谷歌浏览器（Chrome）、Safari浏览器、欧朋浏览器（Opera）。

1.1.3 渲染引擎

渲染引擎（浏览器内核）：浏览器中专门对代码进行解析渲染的部分。

浏览器出品的公司不同，内在的渲染引擎也是不同的。

浏览器	内核	备注
IE	Trident	IE、猎豹安全、360极速浏览器、百度浏览器
FireFox	Gecko	火狐浏览器内核
Safari	Webkit	苹果浏览器内核
Chrome/Opera	Blink	Blink其实是Webkit的分支

注意点：

渲染引擎不同，导致解析相同代码时的速度、性能、效果也不同的。

1.1.4 Web标准

为什么需要Web标准？

不同浏览器的渲染引擎不同，对于相同代码解析的效果会存在差异。

Web标准：让不同的浏览器按照相同的标准显示结果，让展示的效果统一。

Web标准构成

构成	语言	说明
结构	HTML	页面元素和内容
表现	CSS	网页元素的外观和位置等页面样式（如：颜色、大小等）
行为	JavaScript	网页模型的定义与页面交互

1.2 HTML概念

1.2.1 HTML介绍

HTML：超文本标记语言。

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

1.2.2 HTML页面固定结构

网页中也是存在固定结构的，如：整体、头部、标题、主体。

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

描述代码如下


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
 
body>
html>

相关阅读:
Hive——DDL（Data Definition Language）数据定义语句用法详解
“在 GitHub 用十年攒的 54k+ Star，一个误操全没了”
OpenAI开发者大会大模型圈开卷AI Agent? 实在智能布局前瞻已下“先手棋”
分布式多进程加速DQN算法
推荐系统笔记（四）：NGCF推荐算法理解
有自动交易股票的软件么，怎么实现全自动交易？
QML + KDDockWidget 实现 tabwidget效果（窗口可独立浮动和缩放）
Python升级之路( Lv10 ) 文件操作
【JavaScript—数据类型】
七夕节表白3d相册制作

原文地址：https://blog.csdn.net/2301_78671299/article/details/140051555