html是學習做網頁的基礎，漂亮的網頁與布局就是由有些html代碼組成，大家看完這篇文章就可以簡單的了解html了，多寫多練。
如果你不緻力于成為美工的話，那麼作為開發人員，可以讀懂HTML、必要時能進行簡單修改即可。下面跟着我的思路，保證一篇文讓你看懂HTML，當然，再看的過程中，最好自己動手試試，這樣了解就更深了。Ok,下面開始：(下面的符号均為英文狀态下輸入)
1、 html基本規則
我的網頁
………………………..
………………….
幾乎所有的網頁都是按照這個格式來的，這是一個網頁必須具備的标記，每個标記都放在< >裡，以 >結束，隻不過在省略号的地方加了很多亂七八糟的東西，也就是我們看到的内容。
将以上代碼複制到一個記事本，然後另存為a.html檔案，就成了一個網頁，試試看呢
下面，以記事本方式打開，在
之間加上“首頁”二字，儲存，再打開之後看到如圖：
接着，在首頁 的前後加上标記 變為 首頁,儲存，再看看效果呢？
是不是就是我們平時上網看到的超連結了呢？隻是這裡點選“首頁”沒變化，因為我們添加的空連接配接，趁熱打鐵，我們照着前面的方法，在建一個頁面，儲存為b.html，然後将上面的“#”替換為b.html，在打開，點選首頁，是不是就跳轉到b頁面了呢。(當然a和b頁面都要在同一目錄下)到這裡為止，你應該了解到，其實網頁上所有的功能都是由不同的類似于這樣的标記來實作，你需要做的時記住這些标記的功能而已。
2、 網頁結構
如果你上網時注意的話，其實網頁都是分塊的，如圖所示
當然這隻是一個大緻的結構，你還可以根據需要分成很多塊，分塊主要是為了修改方面及确定各自的表現樣式。
這主要通過
标記試試：
首頁
儲存，在打開試試，什麼效果呢？
是不是還是和修改之前一樣呢，下面我們為其加上一些修飾：
在運作，我們标記的這一塊就以藍色背景表示出來啦！
在加入很多的
當然，很多個
都加上style=””,如果這些style設定都差不多的話，我們每一個設定就太麻煩了，我們一般将style這些放在另外的.css檔案(控制網頁中各标記的顯示樣式)中，然後進行需要調用的地方進行調用，下面來試試
建立一個記事本，重命名為c.css然後打開，寫入：
header{width:200px;height:100px;border-style:solid;}
并将其在a.html裡删掉
然後再前加入
也就是将c.css這個檔案引入進來。将css放入單獨的檔案好處是：如果很多地方都引用了這個樣式，我們隻要修改這一個地方，就全部都變化了，不然我們得手動修改每一處，不利于後期維護。
最後将a.html的
改為
效果是不是和之前一樣呢？
差不多，到這裡，應該“不會作詩也會吟”了吧，這篇文章主要是為了讓大家從總體上對html有個了解，知道大概是怎麼回事，還有很多标記都沒涉及到，這個就需要你找本網頁設計的書來看一看，背一背了。