全国咨询/投诉热线:400-618-4000

HTML、CSS和JavaScript分别是什么?有什么作用?

更新时间:2020年07月03日17时18分 来源:传智播客 浏览次数:

很高兴你能来到这里和大家一起学习前端技术。有过了解的同学可能知道前端的技术点非常的多。所以很多的同学在自学的时候往往不知道从何入手。其实在我看来,前端的技术点多。但是总结起来重点就是三大重点,HTML、CSS、JavaScript。

HTML

HTML(Hyper Text Mark-up Language)即超文本标记语言,是用于描述网页的一种标记语言。简单来说,我们可以将HTML比作是一只没有毛的小鸟,但是这只小鸟的基本骨架结构是完整的。如:

1593767269725_html01.png


CSS

CSS:层叠样式表,简单说css就是相当于给这只小鸟装上漂亮的羽毛,让它的外观非常的漂亮。如:

1593767281938_html02.png


JavaScript

JavaScript这是我们前端中非常重要的存在。简单说JavaScript就是可以让我们做的网页可以动起来。能给使用者提供更好的体验。就是这只小鸟一样,如果它有一些行为动作之后是不是就更加完美了呢。如:

1593767308716_html03.png


正所谓万丈高楼平地起,我们要学习前端的技术,我们都应该从最基础的部分开始入门,而HTML和CSS是作为我们入门前端的最基础,也是我们需要掌握的基本的技能点。接下来的系列文章中我会以项目的形式向大家讲述HTML和CSS中的基本的一些技能点。

那我们先从HTML开始吧!大家加油哦!!!在接下来的这套系列课程中我们会从HTML、CSS、JavaScript这个三大件去整体讲解前端相关的知识。对于没有基础的你们来说,如果只是单纯的理论会让大家觉得很枯燥,所有我们对整体的知识的讲解是以一个《卡其漫画》项目为主导来给大家讲解。

在第一和第二章这两章我们主要是学习HTML和CSS的基本使用。

首先我们要学习的是网页的结构的搭建,这个就如同我们盖房子一样。在HTML中我们要学习大量的标签,使用这些标签能很好的去搭建网页的结构。

如:

1593767345381_html04.png

1593767381983_html05.png

1593767395118_html06.png

1593767410017_html07.jpg


像这样的结构我们只是使用HTML中的标签搭建,所有我们熟悉HTML标签中的使用,就可以搭建出这样的页面结构了。结构是有,但是效果很丑吧。我们需要美化。那么接下来就是CSS登场了。

CSS简单说就是页面的美容师,能让一个很丑的页面变的非常的漂亮。而在网页的美化过程中CSS是必不可少的。在我们第一很第二章节中我们就会学习大量的CSS的使用。当一个网站有了CSS之后是完全不一样的。像上面这个网站如果有了CSS只会效果完全不同了。如:

1593767430279_html08.jpg

1593767440555_html09.jpg


是不是加了CSS之后整个页面更加漂亮了啊。更是符合我们正常的审美了。大家加油,相信你们也是能做成这样漂亮的页面的。

当学习第一和第二章之后,我们就能够去搭建静态的页面了。但是只有静态页面不是不够的。我们需要让网友有动态的效果。那么JavaScript就闪亮登场了。

在第三和第四两个章节中我们主要是给大家讲解JavaScript,通过JavaScript的学习,大家能够完成动态页面的编写了。

如:

1593767451063_html10.gif

像页面中很多类似的效果我们都能通过JavaScript很好实现。在前端的学习中JavaScript是非常有意思,能做非常多的工作。更多精彩内容敬请关注我们后续的课程更新。推荐了解传智播客web前端培训课程。

猜你喜欢:

HTML5什么优势有哪些? 

什么是jQuery? jQuer能做什么? 

什么是CSS,版本有哪些? 

javaee

python

web

ui

cloud

test

c

netmarket

pm

Linux

movies

robot

uids

北京校区

    14天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    20天免费试学

    基础班入门课程限时免费

    申请试学名额

    8天免费试学

    基础班入门课程限时免费

    申请试学名额

    20天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    0天免费试学

    基础班入门课程限时免费

    申请试学名额

    12天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    10天免费试学

    基础班入门课程限时免费

    申请试学名额