1、HTML是編寫網頁的主體:
HTML,Hypertext Markup Language超文本標記語言是用於創建web頁面和web應用程序的標準標記語言。HTML在語義上描述了web頁面的結構,並且包含了文檔外觀最初的線索。HTML提供了一種方法來創建結構化文檔,方法是爲文本的結構語義,如標題、段落、列表、鏈接、引號和其他條目。HTML元素由標籤來描述,用尖括號來寫,基本網頁結構用HTML來表示如下:
<!DOCTYPE html>
<html>
<head>
<title>This is a title</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
2、CSS相當於裝飾品
它包含定義了內容的外觀和佈局,Cascading Style Sheet(CSS),層疊樣式表是一種樣式表語言,用於描述用HTML等標記語言編寫的文檔的表示。CSS是萬維網的三大基礎技術之一。CSS的設計目的是實現表示和內容的分離,包括佈局、顏色和字體。具有靈活性,使多個web頁面通過一個單獨的.CSS文件可以指定相關的CSS來共享格式,並減少結構內容中的複雜性和重複性。舉個例子,<style>尖框中的style都是CSS的運用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#xyz { color: blue; }
</style>
</head>
<body>
<p id="xyz" style="color: green;"> To demonstrate specificity </p>
</body>
</html>
3、JavaScript作爲動態腳本語言
JavaScript通常縮寫爲JS,是一種高級的解釋編程語言。它是一種被描述爲動態的、弱類型的、基於原型的和多範式的語言。它會影響web頁面的行爲和內容。除了HTML、CSS,JavaScript是萬維網的三大核心技術之一。JavaScript支持交互式web頁面,因此是web應用程序的重要部分。絕大多數的網站都在使用它。JavaScript常見格式
<script type="text/javascript">
document.write("Hello World!");
</script>
4、Ajax是種技術:
直白的說,就是沒用AJAX的網頁,你點一個按鈕就要刷新一下頁面,儘管新頁面上只有一行字和當前頁不一樣,但你還是要無聊的等待頁面刷新。用了AJAX之後,你點擊,然後頁面上的一行字就變化了,頁面本身不用刷。AJAX只是一種技術,不是某種具體的東西。全稱是Asynchronous javascript and XML,翻譯過來就是異步+JavaScript+XML。所謂異步,就是向服務器發送請求的時候,我們不必等待結果,而是可以同時做其他的事情,等到有了結果我們可以再來處理這個事。XML只是一種數據格式,現在大部分人其實是用JSON這種格式化的數據可以使我們有條理的去實現更新。因爲簡潔,解析速度也很快。總結:只要是JS調用異步通訊組件並使用格式化的數據來更新web頁面上的內容或操作過程,那麼我們用的方法就可算是AJAX
5、Json一種輕量級語言
關於計算機,JavaScript Object Notation或者說JSON是一種開放標準的文件格式,它使用人類可讀的文本來傳輸由屬性-----值對和陣列數據類型組成的數據對象。JSON是一種獨立於語言的數據格式。它來自於JavaScript,許多編程語言都包含生成和解析json格式數據的代碼。JSON文件名使用拓展名JSON。JSON是用JavaScript語法來表示數據的一種輕量級語言。下面的例子展示了描述一個人時的可能用到的JSON表示:
{
"firstName": "John",
"lastName": "Smith",
"isAlive": true,
"age": 27,
"address": {
"streetAddress": "21 2nd Street",
"city": "New York",
"state": "NY",
"postalCode": "10021-3100"
},
"phoneNumbers": [
{
"type": "home",
"number": "212 555-1234"
},
{
"type": "office",
"number": "646 555-4567"
},
{
"type": "mobile",
"number": "123 456-7890"
}
],
"children": [],
"spouse": null
}
用json格式化閱讀器查看更清晰: