web结构

小杯i

已于 2022-11-07 21:07:55 修改

阅读量831

点赞数

文章标签：前端

于 2022-09-15 22:02:39 首次发布

本文链接：https://blog.csdn.net/m0_72597622/article/details/126880378

版权

1、浏览器及内核

1.web浏览器是用于读取HTML文件，并将其作为网页显示

2.浏览器最重要的部分或其核心是渲染引擎，我们一般称为内核；

3.内核的作用负责对网页语法的解释并渲染网页；

4.五大浏览器：chrome、safari、Firefox、Opera、IE

1.chrome 谷歌浏览器

生产商：Google

内核：webkit、blink

2.Firefox 火狐浏览器

生产商：Mozilla

内核：gecko

3.Safari 苹果浏览器

生产商：苹果公司

内核：webkit

4.opera 欧朋浏览器

生产商：挪威欧普拉软件公司

内核：presto blink

5.IE 浏览器

生产商：微软公司 Microsoft

内核：trident

其他浏览器：

大部分国产的浏览器（qq浏览器，uc浏览器，猎豹浏览器，360浏览器）基本上是在IE浏览器的内核上进行的二次开发

现在国内市场上有许多双内核的浏览器，使用的是trident,webkit内核

2、页面的三大组成部分

1.结构：给页面搭建基本的框架结构。 html ，类比于建房子的时候要搭的地基跟钢筋。

(1)表现：页面的美化，装饰。 css 相当于给房子加背景和家具的排列布局。

(2)行为：页面的轮播图，返回顶部... javascript 相当于房子加灯的开关。

(3)结构层html和表现层css，是 W3C 制定的规范，万维网联名。

(4)行为层js，是 ECMA 制定的规范，欧洲计算机协会。

2、HTML介绍

1、什么是HTML

HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言。

通过HTML标记（标签）对网页中的文本、图片、多媒体等内容进行描述。

说明：

1.“超文本”：不仅能承载简单的文字、还能包含超链接、图片、音频、视频等。

2.“标记语言”：标记语言是由一套标记标签组成的。

2、HTML文档——网页

HTML文档也被称为网页

1.后缀名.html

2.文件名格式：主文件名.后缀名

创建HTML文档

1.新建一个后缀名为.html的文件

2.添加基本结构：英文状态下!回车

3. 输入HTML：5

3、标记（标签）

构成网页的基本单位

1.标签：由尖括号括起来的关键词

2.单标签：<标签名 >或 <标签名 />

3.双标签：<开始标签名>[内容]</结束标签名>

4.元素：标签及内容的整体

5.属性

<标签名属性名1="属性值1" 属性名2="属性值2"></标签名>

<后面的第一个单词叫做标签的名字，标签名空格之后的叫做标签的属性。

6.属性由属性名和属性值组成，属性名和属性值用等号连接

7.属性值用引号引起来。多个属性之间用空格隔开。

4、HTML注释

1.注释即对代码的解释和说明，不会被浏览器解析执行

2.注释内容不会出现在网页中，只是对代码的一个说明

语法样式

<!-- html注释内容 -->
HTML中的注释以`<!--`开头，以`-->`结束，开始和结束中间为注释内容。

3.ctrl + /

4.alt + shift + a: 可以在一行代码的后面进行注释

5、HTML文档的基本结构

<!DOCTYPE html>

<html lang="en">
<!--
网页的根元素
定义整个HTML文档，包含head和body

lang属性
- 作用：定义当前文档显示文字的语言
- 语法：lang=“en”
(lang是language的简写)
- 取值:
en定义语言为英语
zh-CN定义语言为中文 -->

<head>

<meta charset="UTF-8">

<title>标题</title>

</head>