什么是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的优点:
-
简单灵活
-
可扩展性高(HTML采取子类元素的方式,为系统扩展带来保证)
-
平台无关性(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标签:是一个标准的块标签,主要用来布局