htmlcssjsjsp的簡單介紹

本文目錄一覽：

• 1、HTML，Css還有Js分別是什麼意思
• 2、html，css和javascript的區別
• 3、一個web項目中有html、jsp、js、css 文件，他們是什麼關係？怎麼互相聯繫的呢？

HTML，Css還有Js分別是什麼意思

HTML：是靜態網頁，該文檔本身只有頁面結構，可以顯示頁面內容；

CSS：層疊樣式表，通過設置對應的樣式屬性可以修改html文檔內各元素的顯示、位置等樣式；

如修改顏色、字體、字號、寬高、位置、背景等。

Javascript：動態腳本語言，廣泛應用於web應用的功能開發以及豐富頁面體驗，可以動態控制頁面內容；

如修改頁面文字、圖片、各種效果、功能等；

一個通俗的例子：HTML就像人的身體，CSS就像人的衣服，Javascript就像人的思想和行為。

html，css和javascript的區別

1、HTML—Hypertext Markup Language。

超文本標記語言。它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（比如文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網頁文件，然後根據標記符解釋和顯示其標記的內容，

?

html

head

titleHTML/title

/head

body

/body

/html

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

2、CSS—Cascading Style Sheet

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

我們使用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”對話框。

一個web項目中有html、jsp、js、css 文件，他們是什麼關係？怎麼互相聯繫的呢？

html

是 給 瀏覽器 顯示的 文件

CSS 是 控制 瀏覽器 顯示方式的文件（也就是 html 的 樣式渲染）

js 是 html 內的 特效 交互特效 等的支持文件

jsp 是動態文件 也就是 說你的 HTML 里的 內容 不可能是 從不改變的

而 JSP 就是 可改變 然後 再生成瀏覽器 顯示的 HTML 文件