HTML基础

大家好，我是菜鸟程序员小朗子。我是一名正在自学前端的菜鸟程序员，正在从0开始学习如何写博客，此后更新的内容主要以前端内容为主。这是我的练手之作，如有错字漏字还请原谅。

一.HTML简介

在学习HTML之前，需要了解一下有关网页，浏览器等概念的介绍，这有助于我们学习HTML。

1.网页

网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。

网页是网站中的‘一页’，通常是HTML格式的文件，它要通过浏览器来阅读。

网页定义：网页是构成网站的基本元素，它通常由图片，链接，文字，声音，视频等元素组成。通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。

2.HTML

HTML指的是超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种语言。

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

标记语言是一套标记标签。

所谓超文本，有两层含义：

（1）它可以加入图片，声音，动画，多媒体等内容（超越了文本限制）。

（2）它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。

3.浏览器

浏览器是网页显示，运行的平台。

常用浏览器：有IE，Firefox(火狐)，Chrome(谷歌),Safari和Opera等，也称为五大浏览器。

浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。

浏览器	内核	同内核浏览器
IE浏览器	Trident	IE，猎豹安全，360极速浏览器，百度浏览器
firefox浏览器	Gecko	火狐浏览器
Safari浏览器	Webkit	苹果浏览器
Chrome/Opera浏览器	Blink	Chrome/Opera浏览器

目前国内一般浏览器都会采用Webkit/Blink内核，如360，UC，QQ，搜狗等。

4.Web标准

Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合，W3C（万维网联盟）是国际最著名的标准化组织。

为什么需要Web标准：浏览器不同，它们显示页面或者排版就有些许差异。

Web标准的构成：主要包括**结构（Structure），表现（Presentation）和行为（Behavior）**三个方面。

• 结构--结构用于对网页元素进行整理和分类，现阶段主要学习HTML。

• 表现--表现用于设置网页元素的版式，颜色，大小等外观样式，主要指CSS。

• 行为--行为是指网页模型的定义以及交互的编写，现阶段主要学到是javascript。

Web标准提出的最佳方案：结构，样式，行为相分离。简单理解，即结构写到HTML中，表现写到CSS文件中，行为写到Javascript中。