首頁技術文章正文

HTML/CSS/Javascript分別是什么?【卡其漫畫1】

更新時間:2020-07-03 來源:黑馬程序員 瀏覽量:

很高興你能來到這里和大家一起學習前端技術。有過了解的同學可能知道前端的技術點非常的多。所以很多的同學在自學的時候往往不知道從何入手。其實在我看來,前端的技術點多。但是總結起來重點就是三大重點,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是必不可少的。在我們第一很第二章節(jié)中我們就會學習大量的CSS的使用。當一個網站有了CSS之后是完全不一樣的。像上面這個網站如果有了CSS只會效果完全不同了。如:

1593767430279_html08.jpg

1593767440555_html09.jpg


是不是加了CSS之后整個頁面更加漂亮了啊。更是符合我們正常的審美了。大家加油,相信你們也是能做成這樣漂亮的頁面的。

當學習第一和第二章之后,我們就能夠去搭建靜態(tài)的頁面了。但是只有靜態(tài)頁面不是不夠的。我們需要讓網友有動態(tài)的效果。那么JavaScript就閃亮登場了。

在第三和第四兩個章節(jié)中我們主要是給大家講解JavaScript,通過JavaScript的學習,大家能夠完成動態(tài)頁面的編寫了。

如:

1593767451063_html10.gif

像頁面中很多類似的效果我們都能通過JavaScript很好實現(xiàn)。在前端的學習中JavaScript是非常有意思,能做非常多的工作。更多精彩內容敬請關注我們后續(xù)的課程更新。推薦了解黑馬程序員web前端培訓課程。

猜你喜歡:

HTML5增加了哪些功能?有什么優(yōu)勢? 

什么是流式布局?什么情況下用?

JavaScript為什么叫JavaScript?


分享到:
在線咨詢 我要報名
和我們在線交談!