XML學習準備(HTML、CSS、JavaScript)

 1、學習前的準備html
(1)每個網站開發人員都有必要了解以下幾方面的知識:
     .萬維網如何工作
     .HTML 語言
     .如何使用層疊樣式表 (CSS)
     .JavaScript 編程
     .XML 標準
     .服務器腳本技術
     .使用 SQL 來管理數據
(2)HTML文檔包括 HTML標籤和純文本
(3)Web瀏覽器的作用就是讀取HTML文檔,並以網頁的形式顯示出他們。瀏覽器不會顯示HTML標籤,而是
使用標籤來解釋頁面的內容。
(4).html和.htm的區別
    First:Unix系統的擴展名必須爲.HTML,如果使用了三個字符的擴展名.HTM,那麼當網上的Unix系統用戶瀏覽你的超文本文件時,
只能在屏暮上看到超文本的源文件,而不是展示的結果
    Second:.htm是爲了兼容DOS的命名格式存在的,在效果上兩者沒有區別。
(5)HTML標籤是由開始標籤(如<html>)和結束標籤(如</html>)組成。某些HTML元素沒有結束標籤,比如<br/>
(6)<h1>My First Heading!</h2>:如果寫了一個如上的錯誤標籤會出現什麼情況呢? 顯示h1標題的樣式!
(7)HTML鏈接
   .<a href="
www.baidu.com">百度</a>        :錯誤,鏈接不可用
    <a href="
http://www.baidu.com">百度</a> :正確寫法
   .<a>標籤,還可以用來創建內部的鏈接,主要用於大型頁面中,跳轉到同一頁面的不同地方!例如百度百科!
(8)HTML圖像:在html中,<img>沒有結束標籤
   <img src="test" width="100" height="100" />
(9)在開始標籤中添加斜槓,比如 <br />,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。
(10)HTML標籤對大小寫不敏感,<P>=<p>,但是推薦小寫。
(11)HTML 屬性
   .HTML標籤可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。

   .屬性總是以名稱/值對的形式出現,比如:name="value"。

   .屬性總是在 HTML 元素的開始標籤中規定。
(12)屬性值應該始終被包括在引號內。雙引號是最常用的,不過使用單引號也沒有問題。
在某些個別的情況下,比如屬性值本身就含有雙引號,那麼您必須使用單引號,例如:

name='Bill "HelloWorld" Gates'
(13)水平線<hr/>
    註釋 <!-- This is a comment -->
(14)HTML的style屬性
    .作用:提供了一種改變所有HTML元素的樣式的通用方法。
    .<p style="background-color:yello;font-family:arial;color:red;font-size:26px;text-align:center;">最愛,挺好看的啊!</p>
(15)<input> 標籤用於蒐集用戶信息

2、CSS學習
(1)、HTML只是定義了網頁的內容,並沒有定義格式;CSS定義了HTML元素如何顯示在網頁上。
     也就是說,HTML控制內容;CSS控制格式。
(2)、CSS(Cascading Style Sheets):層疊樣式表,所有的主流瀏覽器均支持層疊樣式表。
(3)、創建CSS的三種方式:
     .外部樣式表:
      使用任何文本編輯器編寫樣式表,保存吧.css格式。並在要修改格式的html網頁的頭部鏈接該.css文件即可。
      優點是:一個樣式表(.css)可以控制很多網頁的格式。
     .內部樣式表:
      當單個文檔需要特殊的樣式時,就應該使用內部樣式表。使用 <style> 標籤在文檔頭部定義內部樣式表。
     .內聯樣式表:
      也就是前面html學習中的style屬性,它將表現格式和內容混雜在一起,這樣也損失掉樣式表的很多有事,這種方法慎用。

3.JavaScript
(1)、JavaScript腳本既可以放在html網頁中的<head>-</head>之間,也可以放在<body>-</body>之間,也可以從外部引用JavaScript腳本。
     .放在<head>-</head>之間,當腳本被調用時,或者當事件被觸發時,腳本就會被執行。當你把腳本放置到 head 部分後,就可以確保
      在需要使用腳本之前,它已經被載入了。
     .放在<body>-</body>之間,在頁面載入的時候就執行了。
(2)、變量的聲明
     var x=5;
     var name="sdd";
     注:在爲變量賦文本值時,請爲該值加引號。
(3)、+運算符用於把文本值貨字符串變量加起來(連接起來)。
     如果把數字與字符串相加,結果將成爲字符串。
(4)、JavaScript中也有條件運算符 (true/false)?a:b
(5)、.警告框
      alert("文本");
     .確認框
      confirm("文本"):點擊確認,返回true;點擊取消,返回false;
     .提示框
      prompt("文本","默認值"):提示用戶輸入某些數據,如果用戶點擊確認,
那麼返回值爲輸入的值;如果用戶點擊取消,則返回null。
(6)JavaScript使我們有能力創建動態頁面,事件是可以被javascript偵測到的行爲。
(7)<input type="button" value="View Message" οnclick="message()" />
   .οnclick="message()":表示在按鈕上單擊鼠標的處理函數爲message()
   .處理函數可以是在其他地方定義的函數,也可以將函數體直接定義在這裏,例如
    οnclick="alert("Some Wrong");return false;",語句之間一分好分開。
(8)try-catch:
   . try
     {
        addlert("welcome");//本來要調用alert(),這裏調用錯誤
     }
     catch(err)
     {
        alert(err.description);
     }
(9)、throw - try - catch
     . try
       {
          if(x>10)
            throw "Err1";
          else if(x<0)
            throw "Err2";
       }
       catch(er)
       {
          if(er=="Err1")
             alert("Error! the value too high!");
          if(er=="Err2")
             alert("Error! the value too small!");
       }

(10)、只要頁面中出現腳本錯誤,就會產生onerror事件。
(11)、document.write("I am \"grucee\"from ShanDong");
(12)、如果代碼在一行中太長,則可以使用反斜槓對代碼進行折行。
      .document.write("Hello \
world")是正確的!
4.xml學習

發佈了25 篇原創文章 · 獲贊 3 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章