1、HTML簡介
HTML(Hyper Text Markup Language),即超文本標記語言。它透過一些列標籤,將網路上的文字、圖形、動畫、聲音、表格、連結等連接為一個整體。將所需表達的資訊依某種規則寫成HTML文件,透過專用的瀏覽器來識別,並將這些HTML文件「翻譯」成可以識別的訊息,即現在所見到的網頁。為人們查找,檢索資訊提供方便。
2.網頁的分類
分為靜態網頁和動態網頁
(1)靜態網頁:純粹的HTML格式網頁,僅能提供瀏覽,不論何時何地被瀏覽,都將顯示相同的形式和內容,也就是說無法與網站進行互動。在靜態網頁中,整個網頁的主要結構與網頁的顯示控制都是使用HTML實現的。靜態頁的副檔名一般為.htm、.html、.shtml、.xml。
靜態網頁只能單純地在網頁中展示文字與圖片,聽起來似乎功能簡單,但它是所有網頁的基礎要素,其重要性自然也不言而喻。
在靜態網頁上,可以出現各種動態的效果,如.gif格式的動畫、flash、滾動字母等。這些「動態效果」只是視覺上的,它們與動態網頁是不同的概念。
(2)動態網頁:採用動態技術的網頁,網頁的內容可以根據某種條件的改變而自動改變。和靜態網頁的副檔名不同,動態網頁的副檔名為.asp、.jsp、.php、.perl、.cgi等,並且在動態網頁網址中有一個標誌性的符號「?」。
3、標記
HTML中用來描述功能的符號。
標記在使用時必須用尖括號「<>」括起來。瀏覽器會對尖括號裡面的標記進行解釋。 HTML常用的主要標記有< html>、< head>、< title>、< body>。
標記分為單標記和雙標記:
(1)單標記:只需在尖括號中輸入標記名即可,單標記表示一種功能,沒有範圍。
格式:<標記>
如換行標記:< br>
(2)雙標記:標記有頭有尾,且前面的標記與後面的標記保持一致,但在後面的標記前有斜杠。
格式:<標籤>菁瑞優智</標記>
如段落標記;< p> < /p>
4、HTML標記構成
<html><head><title>C語言網</title></head><body><h1>如何用好C語言網? </h1><p>C語言網有很多題</p></body></html>
完整的HTML頁面,其實就是由一對對的標記組成的(當然也有例外)。
(1)< html>< /html>:網頁開始和結束標記。
(2)< head>< /head>:網頁的頭部資訊開始與結束標記;
(3)< body>< /body>:網頁的主體開始和結束標記;
(4)< title>< /title>:網頁的主題開始與結束標記;
(5)< p>< /p>:網頁的段落開始和結束標記
5.網頁佈局的技術
(1)表格佈局技術:表格佈局在過去比較普遍,就是將各種需要的文字、圖像素材等放到無邊框的表格中,優點是它能對不同物件加以處理,又不用擔心不同物件之間的影響,缺點是使用過多的表格,網頁資料量加大,影響頁面下載速度。
(2)CSS(層疊樣式表)技術:又稱DIV+CSS佈局技術,可以精確定位文字和圖片,將資料和格式分開,使網頁的資料量大大減少。 CSS對於初學者來說顯得有點難度,但它的確是一個很好的佈局方法,也是現在最常用的網頁佈局技術。