網(wǎng)頁(yè)設計的HTML基礎

  • 2019-07-09 15:03:52
  • 閱讀次數:次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://amzcoolest.com

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

?結構:使用HTML設計網(wǎng)頁(yè)標簽,即網(wǎng)頁(yè)結構和內容。  

?表現:使用CSS設計網(wǎng)頁(yè)樣式,即網(wǎng)頁(yè)顯示效果。   

?行為:使用JavaScript和DOM規范設計網(wǎng)頁(yè)腳本,即網(wǎng)頁(yè)特效、動(dòng)畫(huà)或者行為。因此,讀者應該先掌握HTML語(yǔ)言基本語(yǔ)法和用法,能夠熟練使用HTML標簽。

認識HTML

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

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

網(wǎng)頁(yè)設計時(shí),HTML作為一種網(wǎng)頁(yè)內容標識語(yǔ)言,易學(xué)易懂,熟悉使用該語(yǔ)言可以制作功能強大、美觀(guān)大方的網(wǎng)頁(yè)。HTML語(yǔ)言的主要作用說(shuō)明如下。   ?使用HTMl語(yǔ)言標識文本。例如,定義標題文本、段落文本、列表文本、預定義文本等。   

?使用HTML語(yǔ)言建立鏈接,通過(guò)鏈接可以訪(fǎng)問(wèn)互聯(lián)網(wǎng)上的所有信息,當使用鼠標單擊超鏈接時(shí),會(huì )自動(dòng)跳轉到鏈接頁(yè)面。   

?使用HTML語(yǔ)言創(chuàng )建列表,把信息有序組織在一起,以方便瀏覽。   

?使用HTMl語(yǔ)言在網(wǎng)頁(yè)中顯示圖像、聲音、視頻、動(dòng)畫(huà)等多媒體信息,把網(wǎng)頁(yè)設計得更富沖擊力。   

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

?使用HTML語(yǔ)言制作表單,允許在網(wǎng)頁(yè)內輸入文本信息,執行其他用戶(hù)操作,方便信息互動(dòng)。

HTML文檔基本結構

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

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

<html> <!--語(yǔ)法開(kāi)始-->     

<head>          

<!--頭部信息,如<title>標簽定義的網(wǎng)頁(yè)標題-->     

</head>     

<body>

<!--主體信息,包含網(wǎng)頁(yè)顯示的內容-->     

</body>

</html> <!--語(yǔ)法結束-->

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

當前文章標題:網(wǎng)頁(yè)設計的HTML基礎

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

上一篇:網(wǎng)頁(yè)制作工具簡(jiǎn)介

下一篇:網(wǎng)頁(yè)設計中的HTML基本語(yǔ)法

網(wǎng)站建設、網(wǎng)絡(luò )營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看