每一个人接触前端的方向可能都不同样
有些人是以前从事web关联行业的,例如后端,例如设计。从事这些行业的人由于工作必须,多多少少都会对前端有必定的认识,不必定是这个词,但必定是这个职位 小白的话,可能更加多的听到的是h5,css3之类的名词,其实没论从哪个方向接触到前端,不可避免的要认识前端的三大语言 HTML CSS Javascript
今天咱们要说的便是这三大语言之一的HTML,翻译成中文,叫做超文本标记语言,全叫作是HyperText Markup Language
这一长串的英文单词咱们可能记不住,其实亦不必须花太多的精力在这种听起来很高挑上的名词上,第1是小白周期不必,第二是到了更高层次,接触的时间长了,自然而然就记住了
直接来看这个中文名,叫超文本标记语言。把这个名词拆分一下,分别是“超文本”,“标记”,“语言”,那样html是一门语言这个毋庸置疑,亦没什么可说的
再往前看,“标记”,其实这是html语言的一个特点,语言里面所有的东西都叫做标记,用一个标记来包括一起内容暗示其功效,例如用<h1>标签来暗示页面上的一个标题,用<p>标签来暗示一个文案段落等等
这儿说的标签,便是标记,它的名字有非常多,然则暗示的都是同一个东西,从html语言方向,它叫做标记,咱们平常亦会叫作之为标签;从盒模型的方向,能够叫作之为盒子;从标签与标签之间的关系来看,又能够叫作之为元素;从渲染引擎的方向,还能够叫作之为文档对象模型(Document Object Model —— DOM)等等…因此初学者可能会被各样各样的名词所干扰,然则不消担心,那只是可爱的程序员先辈跟你装装逼罢了
再接着往前,“超文本”其实这儿从字面上就已然能够理解了,说的是这个语言已然远远超出了文本的范畴,文本,但从字面上来理解,便是文字、符号。这叫作之为文本。然则如今的网页上,感觉更加多的是照片。那样照片便是一个超文本。再例如音乐,电影,或有些其他的媒介。这都远远超出了文本的范畴,因此说是超文本
HTML创立之初是用来描述文档结构的,这儿是一个标题,这儿是文案段落,这儿必须加粗强调一下,或用于描述一个表格,再或用来承载有些功能,例如说a链接,例如说表单提交数据。到了今天,咱们能够把HTML看做是一个房子的骨架,结构
在1994年万维网联盟(W3C)成立之初,由于无关联标准,外加上网站的风靡,HTML被迫显现了一下诸如<font>之类的有些用来描述外观的标签,但这并不是HTML的本职工作,以至于今天咱们能看到非常多非常多非常多的标签,然则咱们并不会经常用到它们,亦无必要全都认识。
亦正是由于逐步增加的网站提出的需求亦越来越多,人们起始注重网站的外观,此时候CSS亦就应运而生了。说白了,CSS便是掌控为HTML元素添加样式从而使页面更加美丽的。CSS的全程 Cascading Style Sheets,中文名:层叠样式表。我认为这个中文名翻译得非常贴切,从字面上就能看出来CSS的特点,那便是层叠,或叫堆叠。利用CSS的选取器就能够为在元素身上堆叠非常多非常多的样式,乃至能够重复添加,只不外是后者会覆盖前者罢了。(以后再解释什么是后者什么是前者)
与HTML相比,CSS支持更丰富的文档外观,其表现程度亦远非HTML力所能及。CSS能够为任何元素的文本和背景设置颜色;准许在任何元素外围创建边框,同期能增大或减少元素外的空间;准许改变文本的体积写、装饰方式、间隔,乃至能够确定是不是表示文本,还准许完成许多其他的效果。倘若说HTML是房子的骨架,那样CSS便是房子的外观——外墙是什么颜色?家里是什么颜色?地板是什么材质的?房子外围有多大的草坪?这些都由CSS来决定!
那样到此为止咱们持有了房子的骨架,有了房子的外观,那样按理来讲一个房子就能够完工了,不必须别的东西了。然则别忘了,今天咱们对房子的需求,倘若里面要住人的话,那样空调得有吧,洗衣机要不要?水电煤少不了吧?那样这些功能性质的工作就得交给Javascript了!
于是
|