天涯论坛

 找回密码
 立即注册
搜索
查看: 86|回复: 2

前端零基本入门(三):HTML,CSS,Javascript三者之间的关系

[复制链接]

3026

主题

210

回帖

9777万

积分

论坛元老

Rank: 8Rank: 8

积分
97779024
发表于 2024-6-29 15:07:41 | 显示全部楼层 |阅读模式

每一个人接触前端的方向可能都不同样

有些人是以前从事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了!

于是





上一篇:REVIEW | 展览 11:59
下一篇:前端从零初始(1)HTML 与 CSS 的关系
回复

使用道具 举报

0

主题

771

回帖

7

积分

新手上路

Rank: 1

积分
7
发表于 2024-9-7 06:03:51 | 显示全部楼层
你的话语如春风拂面,让我感到无比温暖。
回复

使用道具 举报

3068

主题

2万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99138956
发表于 2024-11-13 05:01:26 | 显示全部楼层
我深受你的启发,你的话语是我前进的动力。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 13:07 , Processed in 0.142974 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.