隨著計(jì)算機(jī)技術(shù)的普及和網(wǎng)絡(luò)技術(shù)的發(fā)展，互聯(lián)網(wǎng)已經(jīng)成為人們生活中不可缺少的一部分，各種各樣的網(wǎng)站紛紛建立起來(lái)。在眾多的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)中，HTML 5是當(dāng)前最流行的技術(shù)之一。本文華清創(chuàng)客學(xué)院html5講師和讀者一起分享html5網(wǎng)頁(yè)開(kāi)發(fā)基礎(chǔ)中網(wǎng)頁(yè)基礎(chǔ)元素組成。

　　html5網(wǎng)頁(yè)開(kāi)發(fā)之網(wǎng)頁(yè)組成元素：

　　網(wǎng)頁(yè)和網(wǎng)站是有差別的，例如平常說(shuō)的搜狐、新浪和網(wǎng)易等都是網(wǎng)站，而新浪上的一則體育新聞就是一個(gè)網(wǎng)頁(yè)。從嚴(yán)格意義上講，網(wǎng)頁(yè)是Web站點(diǎn)中使用HTML等標(biāo)記語(yǔ)言編寫(xiě)而成的單位文檔。它是W曲中的信息載體。網(wǎng)頁(yè)由多個(gè)元素構(gòu)成，一個(gè)典型的網(wǎng)頁(yè)由如下幾個(gè)元素構(gòu)成。

　　(1)文本

　　文本就是文字，是網(wǎng)頁(yè)中的最重要的信息，在網(wǎng)頁(yè)中可以通過(guò)字體、大小、顏色、底紋、邊框等來(lái)設(shè)置文本的屬性。在網(wǎng)頁(yè)概念中的文本是指文字，但不是圖片中的文字。在網(wǎng)頁(yè)制作中，文本可以方便地設(shè)置成各種字體、大小和顏色。

　　(2)圖像

　　圖像是頁(yè)面中最重要的構(gòu)成部分，圖像就是網(wǎng)頁(yè)中的圖，不管是明星圖片還是自然風(fēng)光圖片。在網(wǎng)頁(yè)中只有加入圖像后才能使頁(yè)面達(dá)到完美的顯示效果，可見(jiàn)圖像在網(wǎng)頁(yè)中的重要性。在網(wǎng)頁(yè)設(shè)計(jì)中用到的圖片一般為JPG和GIF格式。

　　(3)超鏈接

　　超鏈接是指從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目的端的鏈接，是從文本、圖片、圖形或圖像映射到全球廣域網(wǎng)上的網(wǎng)頁(yè)或文件的指針。在因特網(wǎng)上，超鏈接是網(wǎng)頁(yè)之間和Web站點(diǎn)之中主要的導(dǎo)航方法。由此可見(jiàn)，超鏈接是一個(gè)神奇的功能，移動(dòng)你的鼠標(biāo)就可以逛遍全世界。

　　(4)表格

　　表格大家都知道，平常生活中經(jīng)常見(jiàn)到小如值日輪流表，大到國(guó)家統(tǒng)計(jì)局的統(tǒng)計(jì)表。其實(shí)表格在網(wǎng)頁(yè)設(shè)計(jì)中的作用遠(yuǎn)不止如此，它是傳統(tǒng)網(wǎng)頁(yè)排版的靈魂，即使CSS標(biāo)準(zhǔn)推出后也能夠繼續(xù)發(fā)揮不可限量的作用。通過(guò)表格可以精確地控制各網(wǎng)頁(yè)元素在網(wǎng)頁(yè)中的位置。

　　(5)表單

　　表單的作用很重要，它是用來(lái)收集站點(diǎn)訪(fǎng)問(wèn)者信息的域集，是網(wǎng)頁(yè)中站點(diǎn)服務(wù)器處理的一組數(shù)據(jù)輸入域。當(dāng)訪(fǎng)問(wèn)者單擊按鈕或圖形來(lái)提交表單后，數(shù)據(jù)就會(huì)傳送到服務(wù)器上。它是非常重要的通過(guò)網(wǎng)頁(yè)與服務(wù)器之間傳遞信息的途徑，表單網(wǎng)頁(yè)可以用來(lái)收集瀏覽者的意見(jiàn)和建議，以實(shí)現(xiàn)瀏覽者與站點(diǎn)之間的互動(dòng)。

　　(6)Flash動(dòng)畫(huà)

　　Flash一經(jīng)推出后便迅速成為最重要的Web動(dòng)畫(huà)形式之一。Flash利用其自身所具有的關(guān)鍵幀補(bǔ)間、運(yùn)動(dòng)路徑、動(dòng)畫(huà)蒙版、形狀變形和洋蔥皮等動(dòng)畫(huà)特性，不僅可以建立Flash電影，而且可以把動(dòng)畫(huà)輸出為不同的文件格式的播放文件。

　　(7)框架

　　框架是網(wǎng)頁(yè)中的一種重要組織形式之一，它能夠?qū)⑾嗷リP(guān)聯(lián)的多個(gè)網(wǎng)頁(yè)的內(nèi)容組織在一個(gè)瀏覽器窗口中顯示。從實(shí)現(xiàn)方法的定義上講，框架由一系列相互關(guān)聯(lián)的網(wǎng)頁(yè)構(gòu)成，并且相互間通過(guò)框架網(wǎng)頁(yè)來(lái)實(shí)現(xiàn)交互。框架網(wǎng)頁(yè)是一種特別的HTML網(wǎng)頁(yè)，它可將瀏覽器視窗分為不同的框架，每一個(gè)框架可顯示一個(gè)不同網(wǎng)頁(yè)。

　　開(kāi)發(fā)者正是將上述的網(wǎng)頁(yè)元素有機(jī)的結(jié)合在一起，為所有的瀏覽者呈現(xiàn)了絢麗的頁(yè)面效果。華清創(chuàng)客學(xué)院html5視頻教程帶領(lǐng)小白從零開(kāi)始學(xué)習(xí)html5網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)，歡迎對(duì)html5感興趣的小伙伴加入我們，共同開(kāi)啟神奇的網(wǎng)頁(yè)設(shè)計(jì)之旅。