網頁設計的HTML基礎

    • 2019-07-09 15:03:52
    • 閱讀次數:
    • 作者:盈嵐科技小編
    • 來源:http://www.moniquemcdaniel.com

    學習網頁制作,用戶應該首先了解HTML。根據W3C網頁規范化設計要求,網頁應該遵循結構(Structure)、表現(Presentation)和行為(Be-havior)的分離。   

    ?結構:使用HTML設計網頁標簽,即網頁結構和內容。  

    ?表現:使用CSS設計網頁樣式,即網頁顯示效果。   

    ?行為:使用JavaScript和DOM規范設計網頁腳本,即網頁特效、動畫或者行為。因此,讀者應該先掌握HTML語言基本語法和用法,能夠熟練使用HTML標簽。

    認識HTML

    HTML表示超文本標識語言,使用HTML標簽編寫的文檔稱為HTML文檔,目前最新版本是HTML 5.0,使用最廣泛的是HTML 4.1版本。早期的HTML版本不適合構建標準化網頁,因為它把結構和表現混淆在一起,例如,HTML把不同類型的元素,如描述性元素color、i等和結構性元素div、table等,以及元素屬性放在一起,為以后的維護和管理埋下隱患。XHTML是HTML語言的升級版本,與HTML在語法和標簽使用方面差別不大。熟悉HTML語言,再熟悉標準結構和規范,也就熟悉了XHTML語言。

    HTML表示超文本標識語言,使用HTML標簽編寫的文檔稱為HTML文檔,目前最新版本是HTML 5.0,使用最廣泛的是HTML 4.1版本。早期的HTML版本不適合構建標準化網頁,因為它把結構和表現混淆在一起,例如,HTML把不同類型的元素,如描述性元素color、i等和結構性元素div、table等,以及元素屬性放在一起,為以后的維護和管理埋下隱患。XHTML是HTML語言的升級版本,與HTML在語法和標簽使用方面差別不大。熟悉HTML語言,再熟悉標準結構和規范,也就熟悉了XHTML語言。

    網頁設計時,HTML作為一種網頁內容標識語言,易學易懂,熟悉使用該語言可以制作功能強大、美觀大方的網頁。HTML語言的主要作用說明如下。   ?使用HTMl語言標識文本。例如,定義標題文本、段落文本、列表文本、預定義文本等。   

    ?使用HTML語言建立鏈接,通過鏈接可以訪問互聯網上的所有信息,當使用鼠標單擊超鏈接時,會自動跳轉到鏈接頁面。   

    ?使用HTML語言創建列表,把信息有序組織在一起,以方便瀏覽。   

    ?使用HTMl語言在網頁中顯示圖像、聲音、視頻、動畫等多媒體信息,把網頁設計得更富沖擊力。   

    ?使用HTML語言可以制作表格,以方便顯示大量數據。   

    ?使用HTML語言制作表單,允許在網頁內輸入文本信息,執行其他用戶操作,方便信息互動。

    HTML文檔基本結構

    HTML文檔一般都應包含兩部分:頭部區域和主體區域。HTML文檔基本結構由3個標簽負責組織:<html>、<head>和<body>。

    其中<html>標簽標識HTML文檔,<head>標簽標識頭部區域,而<body>標簽標識主體區域。一個完整的HTML文檔基本結構如下:

    <html> <!--語法開始-->     

    <head>          

    <!--頭部信息,如<title>標簽定義的網頁標題-->     

    </head>     

    <body>

    <!--主體信息,包含網頁顯示的內容-->     

    </body>

    </html> <!--語法結束-->

    可以看到,每個標簽都是成對組成,第一個標簽(如<html>)表示標識的開始位置,而第二個標簽(如</html>)表示標識的結束位置。<html>標簽包含<head>和<body>標簽,而<head>和<body>標簽是并列排列。如果把上面字符代碼放置在文本文件中,然后另存為“test.html”,就可以在瀏覽器中瀏覽了。當然,由于這個簡單的HTML文檔還沒有包含任何信息,所以在瀏覽器中是看不到任何顯示內容的。

    當前文章標題:網頁設計的HTML基礎

    當前URL:http://www.moniquemcdaniel.com/news/wzzz/3048.html

    上一篇:網頁制作工具簡介

    下一篇:網頁設計中的HTML基本語法

    網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
    亚洲 欧美 中文 日韩a v一区,精品无码精品中文字幕三区,国产在线麻豆自在拍91精品,免费av在线无码不卡