概述
1.什么是前端
前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页，随着互联网技术的发展，html5,css3,前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的体验。 前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript.
2.前端开发的技术栈
HTML
- 超文本标记语言 Hyper Text Markup Language
- "超文本"就是指页面内可以包含图片，链接，甚至音乐，程序等非文字元素
- 负责完成页面的结构
CSS
- 级联样式表 Cascading Style Sheet
- 负责页面的风格设计，样式，美观
JavaScript
- 浏览器脚本语言，可以编写运行在浏览器上的程序
- 编程语言
- 负责编写页面特效，调用浏览器的API（BOM），操作改变页面内容（DOM），从后端获取数据（ajax），渲染页面等
- JQuery是javascript的一个库
- Vue,Angular,React等是javascript框架
HTML5/CSS3
第一章 HTML5/CSS3基础
1.1 什么是HTML
- 是用来制作网页的标记语言
- 是超文本标记语言
- 是标记语言，不需要编译，直接由浏览器执行
- 是一个文本文件，包含一些HTML元素，标签等
- 是大小写不敏感的，HTML与html是一样的
- 是由W3C的维护的
- 是通向web技术世界的钥匙
1.2 发展历史
html是从2.0版本开始的，实际上没有1.0的官方规范，在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）HTML2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
html3.2——1997年1月14日，w3c推荐标准
html4.0——1997年12月18日，w3c推荐标准
html4.01（微小改进）——1999年12月24日，w3c推荐标准
html5——2014年10月28日，w3c推荐标准
1.3 html5的优点
- 提高可用性和改进用户的友好体验
- 有几个新的标签，这将有助于开发人员定义重要的内容
- 可以给站点带来更多的多媒体元素（视频和音频）
- 可以很好的替代FLASH和Silverlight
- 当设计到网站的抓取和索引的时候，对于SEO很友好
- 将被大量应用于移动应用程序和游戏
- 可移植性好
2. HTML基本语法
2.1 HTML标签
- 通常要用两个角括起来：
<和>
- 标签都是闭合的（两种形式：成对或不成对）
- 双标签（成对）：
<标签名>内容</标签名> 如:<table></table>即分起始和结束
- 单标签（不成对）：
<标签名/> 如 <br/> ,<hr/>
- 标签是大小写无关的，
<body> 跟 <BODY>表示意思是一样的，标准推荐使用小写，这样符合XHTML标准
- 对于HTML标签来讲，最重要的是语义
2.2 HTML标签属性
- HTML属性一般都出现在HTML的开始标签中，是HTML标签的一部分
- 标签可以有属性，它包含了额外的信息，属性的值一定要在双引号中
- 标签可以拥有多个属性
- 属性由属性名和值成对出现
<标签名 属性名1=“属性值”，属性名2=“属性值”...属性名N=“属性值”>
输出内容
</标签名>
2.3 HTML实体
front-end——HTML5/CSS3基础
原文：https://www.cnblogs.com/sanqiansi/p/11421331.html
