HTML、CSS、JS都有哪些區別?不看必悔

劃重點

HTML、CSS、及JS的區別有哪些?

在日常學習中,html,css和js我們都學過,起初分不清這三者的區別和聯繫,隨著知識的增長,有了一些體會。看一下這三項技術都是什麼,能幹什麼?

HTML、CSS、JS都有哪些區別?不看必悔

web前端工程師是近幾年才發展出來的新興職業,也是目前火爆且高薪的職業。不同的公司有不同的叫法,例如網頁界面開發、網站設計等等。要學習web前端開發,需要掌握哪些知識呢?達妹總結了一下,必須掌握的就是以下幾點。

1、HTML—hypertext markup language

超文本標記語言。它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內容(比如文字如何處理,畫面如何安排,圖片如何顯示等)。

瀏覽器按順序閱讀網頁文件,然後根據標記符解釋和顯示其標記的內容,

<html> <head> <title>HTML</title> </head> <body> </body> </html>

HTML文本中包含了所謂的“鏈接點”HTML利用超鏈接的方法,將各種不同空間的文字信息組織在一起的網狀文本。總的來說,HTML就是整合網頁結構和內容顯示的一種語言。

2、CSS—cascading style sheet

層疊樣式表單。是將樣式信息與網頁內容分離的一種標記語言。我們在牛腩新聞發佈系統中,我們使用過CSS文件,對一些標籤的樣式進行修改。

HTML、CSS、JS都有哪些區別?不看必悔

我們使用CSS為每個HTML元素定義樣式,也可以用於多個界面。進行全局更新時,只需修改樣式即可。

body { border :1px solid #000;/*整體的邊框*/ font-size :14px; }

說白了,CSS就是設置網頁上HTML元素屬性的語言。

3、JavaScript

一開始特別鬱悶為什麼它的名字跟Java如此相似?

這是典型的市場營銷方面的成功,它的推廣成功,也是借了Java的東風。當微軟開始意識到Javascript在Web開發人員中流行起來時,微軟還是一貫風格,建立了自己的腳本語言,JScript。

Javascript是一種基於對象(Object)和事件驅動(Event Driven)並具有安全性能的腳本語言。使用它的目的是與HTML超文本標記語言、Java腳本語言(Java小程序)一起實現在一個Web頁面中鏈接多個對象,與Web客戶交互作用。例如可以設置鼠標懸停效果,在客戶端驗證表單,創建定製的HTML頁面,顯示警告框,設置cookie等等。

function jsHello{ alert('Hello World!'); }

把代碼嵌入HTML語言中,它會在加載時彈出一個“Hello World”對話框。至於怎麼嵌入的,我們在學習JS視頻之初就已經知道了。

HTML、CSS、JS都有哪些區別?不看必悔

4、總結

關於 HTML、CSS與JS的區別就給大家介紹這麼多,後續還會給大家介紹這幾者結合之後的效果。想提前知道這幾者結合之後會產生什麼效果的粉絲,留言找達妹要答案。

最後送福利了,自己是從事了五年的前端工程師,整理了一份最全面前端學習資料,只要私信:“前端"等3秒後即可獲取地址,裡面概括應用網站開發,css,html,JavaScript,jQuery,Ajax,node,angular等。等多個知識點高級進階乾貨的相關視頻資料,等你來拿


分享到:


相關文章: