網頁製作基礎學習——HTML+CSS .

網路是大家經常使用的東西，他協助我們解決了很多問題，在我們生活中扮演著舉足輕重的作用。但是如何製作呢，現在已經有很多專門的網頁製作軟體了（例如：Dreamweaver，Fireworks），而這些軟體的根本都是產生代碼，讓瀏覽器進行讀取，所以我先從背後代碼的部分開始學習，進行簡單總結。

        首先：HTML（HyperText
Markup Language）,即超文字標記語言 (HTML)，是用於描述網頁文檔的一種描述標記語言。是標準通用標記語言 (SGML)下的一個應用，也是一種規範，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文字檔，通過在文字檔中委任標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。

       先看一下HTML的檔案架構，它是由標籤（即<>的部分）和元素（標籤中間包含的部分）組成，大家看下邊是一個最基本的架構：

     下邊我們從這幾個角度來看一下：

             一，文本，無論科技如何發達傳輸資訊文本還是最主要的方式之一，先看一下文本在網頁中的設計：

     二，圖片，圖片現實也是網頁必要的一部分：

     三，網頁之所以成為網頁，就是因為它可以串連轉換到其他網頁，超級串連，可以串連網頁中的某個位置，串連某個互連網網頁，串連某個檔案等。

           四，表格也是我們經常在網頁中看見的，看一下如何建立表格：

         五，架構：                 <frameset>標籤的屬性：
                    <frame>標籤的屬性：

            六，層，也就是我們使我們的一張網頁可以多層顯示內容：

     七，表單，就是我們提交的資訊表，這裡簡單說一下他的建立和簡單屬性：

       這是html的簡單學習，更多學習我們可以參考
HTML教程：http://www.w3school.com.cn/tags/tag_frame.asp

 

  下邊我們簡單學習一下CSS!

CSS就是讓網頁的內容和樣式分離開來。

1，標準流：html標記的排列方法

2，盒子模型：

外邊距，（上下左右）內邊距，內容地區：寬和高，畫框：寬

3，浮動：float:

4，定位：position:相對定位（relative）和絕對位置(absolute)

 

   更多學習CSS，請訪問CSS教程：http://www.w3school.com.cn/css/css_syntax.asp

 

       當然，這裡只是簡單總結了一下html和css，我們還需要從實踐中多多學習！