web前端课第一天总结

什么是Web前端？

简单来说就是网页，它是由多种技术参与制作，用于给用户展示的网页，也是我们网站所谓的前台部分。web前端就是前端网络编程，也被认为是用户端编程，是为了网页或者网页应用，而编写HTML、CSS以及JS代码，所以用户能够看到并且和这些页面进行交流。

其中多种技术包括如下：

• HTML（超文本标记语言）

  HTML是任何网页工程程序的骨架，没有它网页就不会存在。超文本标记语言能提供站点总体的样子。HTML被Tim Berners-Lee所发展。随着HTML的发展，在万维网中产生了许多版本。最新版本超文本标记语言被称为HTML5，在2014年10月被W3C推出

• CSS

  CSS控制了站点的样子，让站点有自己独有的外观。其实现形式是：保证样式列表先于其他的样式规则，由其他的输入形式所影响，例如屏幕的尺寸和分辨率

• JavaScript

  简称JS，是基于场景的命令式语言（和HTML的说明性语言不同），用于将静态的HTML界面动态化。JS的代码能使用HMTL标准提供的文档对象模型（DOM），来根据事件，例如用户的输入，操纵网络页面。JS代码能动态的改变网页的内容，并且也能回应服务端的事件，让网页体验增加了真正动态的特性

• jQuery：write less do more

• BT（bootstrap）

更高端的前端技术：

• Angular

• AngularJS

• VUE

• React

• webpack

• nodejs

什么是HTML？

HTML：hyper text markup language超文本标签语言，这里的标签也可以称为标记或者元素。

HTML是目前网络上运用最广泛的前端技术之一，也是网页构成最主要的部分之一。

HTML文本是由HTML标签构成的描述性文本，HTML文本可以表述 文字 表格 声音 图形 动画 链接等。

HTML是WEB编程的基础，HTML之所以被称为超文本标签语言，是文本包含了所谓的“超级链接”和媒体文件。

需要说明的是HTML语言不是一种编程语言而是一种描述性语言，用于描述超文本内容的显示方式。比如，文字以什么颜色大小显示，图片以什么尺寸位置显示。

HTML由两部分构成：

• 头部head：它提供浏览器所需要的信息

• 主体部分body：它提供网页的主要内容

HTML的优点：

1. 简单灵活

2. 可扩展性高（HTML采取子类元素的方式，为系统扩展带来保证）

3. 平台无关性（HTML可以使用在广泛的平台上）

HTML的历史：

HTML的前身是SGML，而SGML脱胎于GML语言，GML是一种文档语言。 1990年，web之父Tim Berners-Lee 发布了《HTML标签》 的论文，借用SGML的标记语法，自此web诞生。

由IETF组织再完善制定出HTML2.0，之后HTML不断的完善，不同的组织对HTML的语法标记等有不同的处理模式，出现百家争鸣的现象。随着发展，W3C组织替代了IETF成为了HTML的新的标准制定者，后续HTML发展迅速，至99年，HTML4.01发布成为HTML发展中不可忽视的里程碑，在web中大量沿用直至今日。

之后W3C研发了XHTML1.0，期望以XML的标准来约束HTML使其更加规范，但是并未添加新的标签或者特性。这本来是好事，规范了语法标准。可是，后续非常大胆的推出的XHTML2.0，它放弃了兼容HTML，这对web来说就是灾难性的了。

常用标签

strong/b标签：加粗效果

em/i标签：加斜文本，是文本成为斜体

u和del标签：u表示下划线标签，del表示删除线标签

br标签：表示换行

hr标签：表示分割线（源代码的回车在浏览器中并不表示换行）

sub标签：表示文字下标

sup标签：表示文字上标

pre标签：表示原样输出文本

span标签：是一个标准行内输出，常见于装饰文本

img标签：图像标签

div标签：是一个标准的块标签，主要用来布局