关键词：
阅读目录
一、web1.0时代的网页制作
静态网页，所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页，我们当时称为“牛皮癣”网页。例如一篇QQ日志、一篇博文等展示性文章。
网页三剑客 Dreamweaver+Fireworks+Flash”吧，这个组合就是web1.0时代的产物。
二、web2.0时代的网页制作
前端开发”是从“网页制作”演变而来的。
从2005年开始，互联网进入web 2.0时代，由单一的文字和图片组成的静态网页已经不能满足用户的需求，用户需要更好的体验。
在web 2.0时代，网页有静态网页和动态网页。所谓动态网页，就是用户不仅仅可以浏览网页，还可以与服务器进行交互。
web2.0时代的网页不仅包含炫丽的动画、音频和视频，还可以让用户在网页中进行评论交流、上传和下载文件等（交互性）。
三、前端开发都有那些内容
网页最主要由3部分组成：结构、表现和行为。网页现在新的标准是W3C，目前模式是HTML、CSS和JavaScript。
HTML:网页的结构
HTML，全称“Hyper Text Markup Language（超文本标记语言）”，简单来说，网页就是用HTML语言制作的。HTML是一门描述性语言，是一门非常容易入门的语言。
CSS:网页的外观
CSS，全称“（层叠样式表）”。以后我们在别的地方看到“层叠样式表”、“CSS样式”，指的就是CSS。
JavaScript:页面的行为
JavaScript是一门脚本语言。
四、开发环境
HTML编辑器，常见的Hbuild、Sublime Text、Dreamweare都可以用来开发HTML。当然PyCharm也支持HTML开发。（*.html / *.htm）
五、HTML
HTML作为一种标记语言它并没有什么逻辑，简单来说就是一些符号，一些有特殊意义的符号，一些浏览器认识的有特殊意义的符号。
1.标签
2.HTML目录结构
3.HTML注释
前端开发之css篇一
一、CSS介绍和语法二、CSS引入方式三、基本选择器四、高级选择器五、伪类选择器六、伪元素选择器 1?? CSS介绍和语法 1、CSS的介绍 （1）为什么需要CSS？ 使用css的目的就是让网页具有美观一致的页面，另外一... 查看详情
前端之路html
主要内容web标准浏览器介绍开发工具介绍HTML介绍HTML颜色介绍HTML规范HTML结构详解一、web标准web准备介绍：w3c：万维网联盟组织，用来制定web标准的机构（组织）web标准：制作网页遵循的规范web准备规范的分类：结构标准、... 查看详情
bootstrap前端框架介绍
...p; Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。是一个CSS/HTML/JavaScript框架。Bootstrap是基于HTML5和CSS3开发的，包含丰富的组件，根据这些组件可以快速的搭建一个漂亮、功能完备的网站。其中包括以... 查看详情
前端（html_01）
主要内容web标准浏览器介绍开发工具介绍HTML介绍HTML颜色介绍HTML规范HTML结构详解一、web标准web准备介绍：w3c：万维网联盟组织，用来制定web标准的机构（组织）web标准：制作网页遵循的规范web准备规范的分类：结构标准、表现... 查看详情
web前端开发之html语言(代码片段)
文章目录一、前端语言功能介绍（HTML,CSS,JavaScript作用）1.1、HTML介绍1.2、HTML的初始格式1.2.2、初始标签二、标签分类2.1、单标签2.2、双标签三、字符集四、常用HTML基础标签4.1、标题设置4.2、文字设置4.3、段落设置4.4、跑... 查看详情
web前端开发之html语言(代码片段)
文章目录一、前端语言功能介绍（HTML,CSS,JavaScript作用）1.1、HTML介绍1.2、HTML的初始格式1.2.2、初始标签二、标签分类2.1、单标签2.2、双标签三、字符集四、常用HTML基础标签4.1、标题设置4.2、文字设置4.3、段落设置4.4、跑... 查看详情
前端开发相关
一、HTML相关前端介绍HTML介绍二、CSS相关前端之CSS——CSS选择器前端之CSS——盒子模型和浮动前端之CSS——属性和定位css3中@font-face模块自定义字体CSS页面布局单位总结三、JavaScript相关JavaScirpt(JS)——js介... 查看详情
前端开发笔记html基础
HTML介绍HTML是HyperTextMarkupLanguage超文本标记语言的缩写HTML是标记语意的语言编辑器任何纯文本编辑器都能够编辑html，比如记事本，editplus,notepad++比较有名的专门制作网页工具有：DreamWeaver(Adobe公司的产品，过时了，不是一个好的... 查看详情
前端基础html简单介绍(代码片段)
【前端基础】HTML简单介绍html的介绍1.网页效果图2.html的定义3.html的作用4.小结5.第一个网页html的基本结构1.结构代码2.浏览网页文件3.小结html的介绍1.网页效果图2.html的定义HTML的全称为：HyperTextMark-upLanguage,指的是超文本标记... 查看详情
前端开发学习路径
前端三样：HTML+CSS+JSHTML1、《HTML5从入门到精通》明日科技编著这本书简单介绍了HTML和HTML5的基本的标签和属性。属于入门级别。读这本书，不需要细读，也不需要记住这些标签及属性；但需要敲几个基本的html文件熟悉一下格式... 查看详情
web前端，html5开发，前端资源，前端网址，前端博客，前端框架整理-转
Web前端/H5开发，前端资源，前端网址，前端博客，前端框架整理-转 综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版WebFront-endStackv2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端... 查看详情
前端开发笔记html基础
HTML介绍HTML是HyperTextMarkupLanguage超文本标记语言的缩写HTML是标记语意的语言编辑器任何纯文本编辑器都能够编辑html，比如记事本，editplus,notepad++比较有名的专门制作网页工具有：DreamWeaver(Adobe公司的产品，过... 查看详情
前端开发：css3
CSS介绍：CSS能够使页面具有美观一致的效果，并且能够让内容与格式分离，利于扩展所以，CSS解决了下面两个问题： 1. 将HTML页面的内容与校区分离； 2. 提高web开发的工作效率。CSS是指层叠式样式表（Cascading S... 查看详情
web前端开发——css
一、css介绍1、css是什么？CascadingStyleSheets缩写，层叠样式表。样式定义如何显示HTML元素，样式通常又会存在于样式表中。2、为什么需要css？使HTML页面变得美观；将HTML页面的内容与样式分离；提高web开发的工作效率。3、css的优... 查看详情
前端-css-介绍及三种引入方式
我们为什么需要CSS?使用css的目的就是让网页具有美观一致的页面，另外一个最重要的原因是内容与格式分离在没有CSS之前，我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性，当HTML内容非常多时，就会定义很多... 查看详情
前端资源(优秀网站博客以及活跃开发者)
查看原文@forkedfromhjzheng/front-end-collect在前端路上摸索前行，在这里分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。欢迎更新。以下各排名不分先后顺序。前端收集图谱(点击查看)聚合&&周报订阅名称... 查看详情
第一阶段：前端开发_html表单&css
2018-04-01HTML表单&CSS 一、表单介绍 1.表单标签 表单标签： 需要提交到服务器端的表单标签必须使用<form></form>括起来。 <formact 查看详情
前端ui框架介绍
前端UI框架介绍Bootstrap使用世界上最流行的前端组件库在web上构建响应性、移动优先的项目。网址：http://getbootstrap.com/amazeUIHTML5跨屏前端框架，为移动而生，组件丰富，模块化，本地化支持，轻量级，高性能网址：http://amazeui.org/... 查看详情