爲前端轉身——HTML



     之前在做B/S的第一項目——新聞發佈系統的時候，自己既是後臺的代碼設計師，同時也是前臺網頁設計師，當時在做網頁設計的時候只是照着葫蘆畫瓢，具體也不知道是怎麼回事，現在轉身學習其常用標記和一些相關屬性的用法。萬變不離其宗，基礎知識掌握好了，才能走得更遠，飛得更高。

     Web頁面絕大多數都是由HTML編寫的，它是一種對Web設計的一種規定。下面來看看HTML有哪些常用的規定。 

       一、HTML標籤

     做事應該有始有終，HTML也不例外，有開始標籤就有結束標籤：

                                              

讀者們是不是想起了VB6.0設計窗體屬性的時候，那時候還小，只知道從屬性窗口那裏設置成自己想要的效果，只能在程序運行的時候把窗體給顯示出來，而HTML直接把自己想要的效果呈現到網頁上。

       二、標籤的四種形式

                   

       三、與段落控制相關的標籤

直接上圖吧，這樣更直觀一些：

                    

      四、常用特殊字符的輸入

                      

在做新聞發佈系統的時候一直想要在文本前空兩格，一直都沒有實現自己想要的效果，之後才知道在輸入法處於全角的狀態下空一格相當於兩個不間斷空格——&nbsp，從這裏可以明白是怎麼回事了。

在HTML用<img>嵌入圖像時應注意路徑問題，用相對路徑可以更好的適應各種變化。

                  

     這是在做搜索按鈕的時候插入一張圖片，作爲一個初學者，當初還搞了半天，在自己筆記本上運行沒有問題，但是一在另一臺筆記本上運行的時候出現圖片加載不出來的現象，只是因爲設計時使用的是絕對路徑。

     目前在實際的網頁製作過程中，已經很少有人利用純手工HTML的方式來創建網頁，多數都是使用專門的網頁製作軟件如dreamveaver、frontpage等，在一個圖形化的編輯環境中從事網頁的製作與開發，作爲一個初學者，從最原始的去認識HTML有利於爲XML和JSP打基礎，更有利於今後的提高。

     另：

         祝朋友們中秋佳節愉快！