前端的幾個概念不是很清晰，有一篇好的博文，可以參考：
http://www.jb51.net/article/79640.htm
html是結構，定義了網頁的內容； css是修飾，描述了網頁的布局； js是控制，描述了網頁的行為。
在BS中，xml，html，css和js我們都學過，起初分不清這四者的區別和聯系，隨着知識的增長，有了一些體會。
首次，我們看一下這四項技術都是什么，能干什么？
（一）XML—Extensible Markup Language
可擴展標記語言（標准通用標記語言的子集）是一種簡單的數據存儲語言，使用一系列簡單的標記描述數據，而這些標記可以用方便的方式建立，雖然可擴展標記語言占用的空間比二進制數據要占用更多的空間，但可擴展標記語言極其簡單易於掌握和使用。
|
1
2
3
4
5
|
<Hello>
<bcd>China</bcd>
<bcd>USA</bcd>
<bcd>UK</bcd>
</Hello>
|
（二）HTML—Hypertext Markup Language。
超文本標記語言。它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（比如文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網頁文件，然后根據標記符解釋和顯示其標記的內容，
|
1
2
3
4
5
6
7
|
<html>
<head>
<title>HTML</title>
</head>
<body>
</body>
</html>
|
HTML文本中包含了所謂的“鏈接點”HTML利用超鏈接的方法，將各種不同空間的文字信息組織在一起的網狀文本。總的來說，HTML就是整合網頁結構和內容顯示的一種語言。
（三）CSS—Cascading Style Sheet
層疊樣式表單。是將樣式信息與網頁內容分離的一種標記語言。我們在牛腩新聞發布系統中，我們使用過CSS文件，對一些標簽的樣式進行修改。
我們使用CSS為每個HTML元素定義樣式，也可以用於多個界面。進行全局更新時，只需修改樣式即可。
|
1
2
3
4
|
body {
border :1px solid
#000;/*整體的邊框*/
font-size :14px;
}
|
說白了，CSS就是設置網頁上HTML元素屬性的語言。
（四）JavaScript
一開始特別郁悶為什么它的名字跟Java如此相似?
這是典型的市場營銷方面的成功，它的推廣成功,也是借了Java的東風。當微軟開始意識到Javascript在Web開發人員中流行起來時，微軟還是一貫風格，建立了自己的腳本語言，JScript。
Javascript是一種基於對象(Object)和事件驅動(Event Driven)並具有安全性能的腳本語言。使用它的目的是與HTML超文本標記語言、Java腳本語言(Java小程序)一起實現在一個Web頁面中鏈接多個對象，與Web客戶交互作用。例如可以設置鼠標懸停效果，在客戶端驗證表單，創建定制的HTML頁面，顯示警告框，設置cookie等等。
|
1
2
3
|
function
jsHello(){
alert(
'Hello World！'
);
}
|
把代碼嵌入HTML語言中，它會在加載時彈出一個“Hello World”對話框。至於怎么嵌入的，我們在學習JS視頻之初就已經知道了。
HTML
<head>用於定義文檔的頭部，它是所有頭部元素的容器。head中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。
<meta>元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵字。<meta>標簽的屬性定義了與文檔相關聯的名稱/值對。
<style>標簽用於為HTML文檔定義樣式信息。
<div>可定義文檔中的分區或節（division/section）。自動開始一個新行。
<script>標簽用於定義客戶端腳本，比如js。既可以包含腳本語句，也可以通過src屬性指向外部腳本文件。對於js，type類型是“text/javascript”
script在head中時，所代表的functions值加載而不執行，執行是在某一事件觸發后菜開始。
script在body中時，直接加載並執行。
<h1>標簽可定義標題。1-6減小。
<a href = “http://”>超鏈接
<span>被用來組合文檔中的行內元素。內聯元素。
<p>標簽定義段落
$是JQUERY常用的一個回傳函數，定義為“選取”英文是selector的縮寫
$.function();
就是 選取 JQuery 定義的 function() 執行
$('input')
就是 選取 HTML 當中全部的 input 標簽
$('#abc')
就是 選取 HTML 當中 ID 名稱為 abc 的物件
$.fn.testing = function() {}
就是 選取 JQuery 內核函數 fn (函數) 回傳給 testing 這個名稱、定義為一個功能 function()
jquery是一個輕量級的“寫的少，做的多”的javascript函數庫。功能：html元素選取、html元素操作、css操作、html事件函數、javascript特效和動畫。
語法：$(selector).action()
$.get(url,callback)方法通過http get請求從服務器上請求數據