HTML基础-前言

一、Web前端开发工具

常用前端开发工具介绍

软件开发工具是用于辅助软件生命周期过程的基于计算机的工具 。通常可以设计并实现工具来支持特定的软件工程方法，减少手工方式管理的负担。

作为一个前端开发工程师，使用一款自己上手且功能强大的开发工具是非常重要的，但是面对这么多开 发工具，到底哪个比较好呢？下面给大家推荐几款自己感觉还不错的前端开发工具，希望作为大家的参 考。

Editplus/Notepad++(简单的文本编辑器)

EditPlus是一款由韩国 Sangil Kim出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows 编辑器，你甚至可以通过设置用户工具将其作为C，Java，Php等等语言的一个简单的IDE。

最大特点没有代码提示功能，只有语法高亮。因此初学HTML，英语基础又不好的同学可以首选。 下载地址： https://www.editplus.com/download.html

Notepad++是Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术)。

Notepad++功能比 Windows 中的 Notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。Notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。

Notepad++是免费软件，可以免费使用，自带中文，支持众多计算机程序语言:

Visual Studio Code/HBuilderX（开发工具）

Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。

微软推出的良心之作。是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语 法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分。 软件界面优美，多种自带主题可选，甚至可以自定义背景图片。 下载地址: https://code.visualstudio.com/

HBuilderX，是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼 容性数据让浏览器碎片化不再头痛。 下载地址: http://www.dcloud.io/

五大主流浏览器

Internet Explorer（IE浏览器）：

Opera浏览器（欧朋浏览器）：

safari浏览器（苹果浏览器）

Frefox浏览器（火狐浏览器）

Chrome浏览器 （谷歌浏览器）

浏览器内核

浏览器最重要的核心部分是“渲染引擎"(“Rendering Engine”),我们一般习惯将之称为”浏览器内核“。主要进行对网页的语法解释（标准标记语言下的应用HTML，JavaS）并渲染（显示）页面。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了 浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同， 因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同.

四大内核分别是：

Trident（也称IE内核）、webkit、Blink、Gecko。

• IE浏览器： Trident内核，也是俗称的IE内核；
• Chrome浏览器（谷歌）： 以前是Webkit内核，现在是Blink内 核；
• Firefox浏览器内核（火狐）：Gecko内核，俗称Firefox内核；
• Safari浏览器内核（苹果）： Webkit内核；
• Opera浏览器内核： 最初是自己的Presto内核，后来是Webkit，现在是Blink内核；

二、HTML概述

2.1、网页、网站、应用程序

网站是使用HTML等工具制作的用于展示指定内容相关网页的集合。

网页是构成网站的基本元素，网站 是由网页组成的

2.2、HTML是什么

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准 标记语言。“超文本”就是指页面内可以包含图片、链接，甚至音乐、视频等非文字元素。（标记就是标签）

HTML 不是一种编程语言，而是一种标记语言。

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

HTML 使用标记标签来描述网页

HTML 文档包含了HTML 标签及文本内容

HTML文档也叫做 web 页面，使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器 来解析。

2.3、HTML5是什么

超文本标记语言（HTML）的第五次重大修改。

2.4、网站的构成

网站由三个主要部分组成：

• 网站域名：访问网站所用的网址，如metinfo.cn;
• 网站程序：包括用户浏览网站所看到的页面和网站后台管理程序，现在一般都是用成熟的网站管理系统。
• 网站空间：可以是虚拟主机或服务器，用于存储网站程序及资料，并提供网站程序运行所需要的环境。

2.5、页面的构成

页面的构成被分为三个主要部分：结构(HTML)、表现(css)和行为(JavaScript)。

结构:

• 表现: 行为: HTML(HTML4.01)，（Hyper Text Markup Language）超文本标记语言,它不是一种编程语言， 而是一种标记语言，通过使用标记标签来描述网页；

表现:

• CSS，指层叠样式表（Cascading Style Sheets）,是用于（增强）控制网页样式并允许将样式信息 与网页内容分离的一种标记性语言。

行为:

• JavaScript，是世界上最流行的脚本语言，用来给页面添加动态效果和动态交互，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

2.6.、B/S和C/S

B/S结构（Browser/Server，浏览器/服务器模式）：（应用：各种网站、浏览器）

C/S是Client/Server的缩写。客户端/服务器开发模式（应用：QQ、端游等客户端软件）

B/S 优势：安全性高，开发成本低，无需考虑客户端

​ 劣势：服务器压力大

C/S 优势：客户端帮服务器承担了部分压力

​ 劣势：频繁更新，缓存资源过大，安全性低，开发维护成本高

开拓眼界–>>常见互联网名词

W3C理事会:

W3C是英文 World Wide Web Consortium的缩写，中文意思是W3C理事会或万维网联盟。W3C的职能：负责制定和维护web行业标准，W3C标准包括 ：HTML内容方面：XHTML(可扩展)；样式 美化方面：CSS ;页面交互方面：ECMAScript

RFC:

Request For Comments（RFC），意即“请求评议”，包含了关于Internet的几乎所有重要的文字资 料。

IETF:

Internet Engineering Task Force（互联网工程任务组）是松散的、自律的、志愿的民间学术组织， 成立于1985年底，是全球互联网最具权威的技术标准化组织，主要任务是负责互联网相关技术规范的研 发和制定，当前绝大多数国际互联网技术标准出自IETF。

HTTP:

超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。

所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的 方法。

URL:

（URL）指的是Internet文件在网上的地址。

• 它从左到右由下述部分组成：
• 协议：http通信协议。
• 服务器地址（host）：指出WWW页所在的服务器域名。
• 端口（port）：有时（并非总是这样），对某些资源的访问来说，需给出相应的服务器提供端口 号。
• 路径（path）：指明服务器上某资源的位置（其格式与DOS系统中的格式一样，通常有目录/子目 录/文件名这样结构组成）。与端口一样，路径并非总是需要的

分析：

https://lol.qgq.com/download.shtml?ADTAG=innercop.lol.web.top

协议: https
域名: lol.qq.com
端口: http默认端口是80，默认端口可以省略,非80端口需要加上端口号
路径: download.shtml
url querystring参数: ADTAG=innercop.lol.web.top