HTML简介以及标签

前端入门学习路线

先听再看动手练习分享交流
基础班主要学习PC端网站布局
最终网站：品优购静态网站
目的：精通网页布局，也是我们前端人员的必备技能，为后面学习JavaScript打下坚实基础。

学习路线：
HTML5基础20%，主要学习最常见的没有兼容性的HTML标签。
CSS3基础50%，主要学习最常用的没有兼容性的CSS样式，利用前面学习的标签完成传统PC端网页布局。
H5C3提高10%，学习HTNL5新增的标签，CSS3样式。有一定兼容性，可以与未来更好的接轨。
项目-品优购电商网站20%，综合以前学习知识点，贴近于实际开发，制作品优购电商网站，完成首页、列表页、注册页制作。

HTML简介：

网站：指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。
网页：网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。
网页是构成网站的基本元素，通常由文字，声音，链接，视频等元素组成。网页常以.htm或.html后缀结尾的文件，因此常将其俗称为HTML文件。

HTML：指的是超文本标记语言（Hyper Text Markup Language)（超越了文本限制，超级链接文本）,不是编程语言，而是一种标记语言。
标记语言是一套标记标签（markup tag)。

网页的形成：前端人员开发代码—>浏览器显示代码（解析、渲染）—>生成最后的Web页面。

常用的浏览器：

IE、火狐（Firefox)、谷歌(Chrome)、Safari和Opera（五大浏览器），Edge浏览器（和IE都属于微软公司）。
浏览器市场份额查看：http://tongji.baidu.com/data/browser（谷歌占一半）

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

浏览器	内核
IE	Trident
firefox	gecko
safari	webkit
chrome/opera	blink

国内浏览器一般采用Webkit/blink内核，如360、UC、QQ、搜狗等。

Web标准：

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

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

让Web的发展前景更广阔。
内容能被更广泛的设备访问。
更容易被搜索引擎搜索。
降低网站流量费用。
使网站更易于维护。
提高页面浏览速度。

Web标准的构成：结构、表现、行为。

标准	说明
结构	结构用于对网页元素进行整理和分类，现阶段主要学的是HTML.。
表现	表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS
行为	行为是指网页模型的定义及交互的编写，现阶段主要学的是Javascript

Web标准提出的最佳体验方案：结构、样式、行为相分离。
（结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript文件中。）
HTML简介以及标签

HTML标签（上）

HTML语法规范

标签写在<>里面，一般成对出现。
HTML简介以及标签
<开始标签></结束标签>

单标签

1.1基本语法概述

HTML标签由尖括号包围的关键字，如。
通常是成对出现的，成为双标签。
特殊的单个标签成为单标签。

1.2双标签可以分为包含关系（父子关系）和并列关系（兄弟关系）。
HTML简介以及标签

HTML基本结构标签
2.1第一个HTML网页
每个网页都会有一个基本的结构标签（骨架标签），页面内容也是在这些基本标签上书写。
HTML页面也叫HTML文档。

HTML文档的后缀名必须是.html或.htm。