01.HTML和CSS基础知识总结（内附思维导图）

最新推荐文章于 2024-12-17 11:16:37 发布

A_xin635

最新推荐文章于 2024-12-17 11:16:37 发布

阅读量1.2k

点赞数 14

分类专栏：前端程序员文章标签： html5 css3

本文链接：https://blog.csdn.net/weixin_67140731/article/details/123910911

版权

本文详细介绍了HTML和CSS的基础知识，包括网页的构成、浏览器的作用、Web标准、HTML标签和属性、CSS选择器和样式设置。通过实例讲解了HTML5和CSS3的新特性，如音频、视频标签、新的布局方式等，并提供了VSCode快捷键和HTML、CSS思维导图，是初学者全面掌握前端基础的必备教程。

摘要由CSDN通过智能技术生成

1.网页的基础认知

1-1.网页由那些部分组成

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

1-2.网页背后的本质是什么

前端程序员写的代码

1-3.前端的代码是通过什么软件转换成用户眼中的页面

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

2.浏览器

浏览器是网页显示运行的平台，是前端开发必不可少的利器
常见的五大浏览器：IE浏览器、火狐浏览器（Firefox）、谷歌浏览器（Chrome）、Safari浏览器、欧朋浏览器（Opera）
渲染引擎不同，导致解析相同代码时的速度、性能、效果也不同的
谷歌浏览器的渲染引擎速度快、性能高、效果好，所以更吸引用户的喜爱（推荐）

1647695612671

3.Web标准的构成

结构：HTML 页面元素和内容
表现：CSS 网页元素的外观和位置等页面样式
行为：JavaScript 网页模型的定义与页面交互

4.HTML（超文本标记语言）

HTML：超文本标记语言

4-1.html基本骨架结构

<!- 文档声明 ->
<!DOCTYPE html>
<!- 语言类型 ->
<html lang="en">
<!- 网页的头部 ->
<head>
    <!- 字符集类型 ->
    <meta charset="UTF-8">
    <!- 浏览器 ->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!- 视口 ->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!- 网页标题 ->
    <title>Document</title>
</head>
 <!- 网页的主体内容 ->   
<body>
</body>
</html>