web前端基础01

最新推荐文章于 2024-10-03 20:14:40 发布

覔741

最新推荐文章于 2024-10-03 20:14:40 发布

阅读量88

点赞数

文章标签：前端编辑器 vscode

本文链接：https://blog.csdn.net/weixin_60806359/article/details/121086598

版权

1.开发工具

主要用的开发工具有编辑器，浏览器，photosh。

（1）编辑器：dreamweaver、sublime、webstorm、Hbuilder、vscode

（2）浏览器：IE,火狐，谷歌，Safari和opera

2.浏览器内核

浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 渲染引擎。

1、渲染引擎

它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。

2、js引擎

JS引擎则是解析Javascript语言，执行javascript语言来实现网页的动态效果。

3、常见的浏览器内核

Trident(IE内核) ，Gecko（firefox），Webkit(Safari) ，Blink(chrome、opera)

3. Web标准

(1)、web标准构成

web标准不是某一个标准，而是由W3C（万维网）和其他标准化组织制定的一系列标准的集合。

主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。

结构标准：结构用于对网页元素进行整理和分类，主要学的是HTML。

表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。

行为标准：行为是指网页模型的定义及交互的编写，主要学的是 Javascript。

(2)、web标准的好处

1、对于浏览器开发商和 Web 程序开发人员在开发新的应用程序时遵守指定的标准更有利于 web 更好地发展

2、使用web标准，将确保所有浏览器正确显示您的网站而无需费时重写

3、更容易被搜寻引擎搜索

4、降低网站流量费用

5、使网站更易于维护

6、提高页面浏览速度

4、HTML初始

HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，是用来描述网页的一种语言。

HTML指的是超文本标记语言 (Hyper Text Markup Language)

HTML不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

总结： HTML 作用就是用标记标签来描述网页，把网页内容在浏览器中展示出来。

（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>

1 html标签：作用所有HTML中标签的一个根节点。根标签

2.head标签：文档的头部

3.title标签：文档的标题

作用：让页面拥有一个属于自己的标题。

4.body标签：文档的主体以后我们的页面内容基本都是放到body里面的

body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)

(2)、HTML标签分类

1.双标签

<标签名>内容</标签名>

2.单标签

<标签名 />

(3)、HTML标签关系