52--初识HTML
可以说,在2011年之前我从未接触过WEB前端开发工作,对此我了解甚少!但在11年后开始接触安卓开发时,特别对于界面布局时!感觉和WEB前端有异曲同工之妙,也就是从那个时候起,我开始对之前未了解的领域开始有了兴趣,所以我把我所知道的表达出来,
要说HTML,首先还得从WEB服务器的工作原理说起。其实这个原理,在介绍Servlet中其实把这个原理也作了一下介绍。但是针对HTML自然会有不一样的描述。HTML被称为标记性的语言。我们通常可以把写好标记性的语言放到web服务器上,web服务器的作用在之前的章节已经说明了,其实它的作用就是不知疲倦的等待处理浏览器的各种请求,等接到这些请求后就在服务器相应的位置寻找资源,像图片文件、视频文件等。位于我们客户端的浏览器了,其实就是客户端发送命令的实体,服务器上的任何一条命令基本是由用户浏览器上点击而产生的(模拟产生的消息)。HTML的强大之处在于它会告诉浏览器,我的页面结构是什么样子的。它会用其独特的语言标记符号,告诉浏览器该怎么去现实。浏览器在读取这些标记余元时,它会解析包围文本的所有标记。标记都是方括号括起来的单词或是字母,这些标记其实告诉了浏览器它们存在的位置,会告诉浏览器哪些是标题、哪些是段落、哪些是放图片的等等......当时这里面是缺少不了CSS的。因为样式决定了你网页的表示效果,不过关于CSS我们是需要单独的方式来介绍一下。可以这么说Web是建立在没有任何格式字符的文本文件上的,这使得各种浏览器都能确保接收WEB上的HTML的格式。当然CSS和HTML是两种不同的语言,所以在WEB前端的学习,实际上是要掌握这两门语言的,由于它们在各自领域中都是那么的出色,因此这也是我们必须掌握的内容。在我眼里,HTML是基础,CSS则是血液,虽然它们同属于创建网页的语言范畴里,但没有血液的话,网页的展示自然是枯燥和没有生命力的。web服务器存储提供HTML和CSS创建的网页。浏览器接受网页并基于HTML和CSS显示其内容,在专业上我称HTML为超文本标记语言主要用来结构化网页,CSS是级联样式表,主要是控制HTML的外观。通常我们使用HTML来标记内容,用标记提供结构。我们称匹配标记和它们之间的内容为元素。元素通常会有三部分组成,开始标记、内容、结束标记,当然有些标记是例外。开始标记可以拥有属性,结束标记通常用左尖括号之后,标记一个“/”,用来区别标记。网页的信息都是从<head>开始的,若在<body>写进元素便是浏览器中能看到的东西,我们一般在<style>元素中加入CSS规则,给HTML网页添加CSS。<style>元素通常也是嵌套在<head>元素中。在HTML中CSS可以指定每个元素的样式特征。在这里面最为重要的其实是了解属性,属性其实就是用来指定元素的附加信息。属性通常会有统一的书写方法:首先肯定是属性名,接下来是等号,然后是双引号括起来的属性值。请注意结构一定需要严谨,如果不严谨必然会出现诸多问题。其实这种标记语言展示出来的语法很有特点,那就是用包围文本的成对标记告诉了浏览器我展现出来的网页结构是什么样子。一般是元素=开始标记+内容+结束标记。浏览器是不需要换行、回车和大多数空格。因此,标记可以在同一行或者不同行的任意地方开始和结束,所以你只要确认什么时候开始,什么时候结束就可以了。在处理好网页外观达到一定程度时,我们是应该是需要改变外观了。这个时候就是CSS发挥作用的时候了,CSS被称为级联样式表的缩写,它会给我们提供方法,让浏览器中网页的元素更好的展现出来。一般我们加样式的时候,采取<style>样式,一般style标签会有一个属性,用来告诉浏览器要使用的样式种类,一般会指定为text/css的类型。如果有一个样式元素,属性则允许你来描绘这个元素,属性则是提供元素一个额外的信息。目前的样式style设定的属性是text/css,这也是现在的浏览器没有其它适用的样式,但是预计在不远的将来肯定会有不一样的定义。
(未完待续.....)