HTML和網(wǎng)站的基礎(chǔ)知識(shí)

68523 閱讀 0 評(píng)論 0 點(diǎn)贊

1、HTML簡(jiǎn)介

HTML（Hyper Text Markup Language），即超文本標(biāo)記語(yǔ)言。它通過(guò)一些列標(biāo)簽，將網(wǎng)絡(luò)上的文字、圖形、動(dòng)畫、聲音、表格、鏈接等連接為一個(gè)整體。將所需要表達(dá)的信息按某種規(guī)則寫成HTML文件，通過(guò)專用的瀏覽器來(lái)識(shí)別，并將這些HTML文件“翻譯”成可以識(shí)別的信息，即現(xiàn)在所見(jiàn)到的網(wǎng)頁(yè)。為人們查找，檢索信息提供方便。

html logo

2、網(wǎng)頁(yè)的分類

分為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)

（1）靜態(tài)網(wǎng)頁(yè)：純粹的HTML格式網(wǎng)頁(yè)，僅能提供瀏覽，不論何時(shí)何地被瀏覽，都將顯示相同的形式和內(nèi)容，也就是說(shuō)無(wú)法與網(wǎng)站進(jìn)行互動(dòng)。在靜態(tài)網(wǎng)頁(yè)中，整個(gè)網(wǎng)頁(yè)的主要結(jié)構(gòu)與網(wǎng)頁(yè)的顯示控制都是使用HTML實(shí)現(xiàn)的。靜態(tài)頁(yè)的擴(kuò)展名一般為.htm、.html、.shtml、.xml。

靜態(tài)網(wǎng)頁(yè)只能單純地在網(wǎng)頁(yè)中展示文字與圖片，聽(tīng)起來(lái)似乎功能簡(jiǎn)單，但它是所有網(wǎng)頁(yè)的基礎(chǔ)要素，其重要性自然也不言而喻。

在靜態(tài)網(wǎng)頁(yè)上，可以出現(xiàn)各種動(dòng)態(tài)的效果，如.gif格式的動(dòng)畫、flash、滾動(dòng)字母等。這些“動(dòng)態(tài)效果”只是視覺(jué)上的，它們與動(dòng)態(tài)網(wǎng)頁(yè)是不同的概念。

（2）動(dòng)態(tài)網(wǎng)頁(yè)：采用動(dòng)態(tài)技術(shù)的網(wǎng)頁(yè)，網(wǎng)頁(yè)的內(nèi)容可以根據(jù)某種條件的改變而自動(dòng)改變。和靜態(tài)網(wǎng)頁(yè)的擴(kuò)展名不同，動(dòng)態(tài)網(wǎng)頁(yè)的擴(kuò)展名為.asp、.jsp、.php、.perl、.cgi等，并且在動(dòng)態(tài)網(wǎng)頁(yè)網(wǎng)址中有一個(gè)標(biāo)志性的符號(hào)“？”。

3、標(biāo)記

HTML中用于描述功能的符號(hào)。

標(biāo)記在使用時(shí)必須用尖括號(hào)“<>”括起來(lái)。瀏覽器會(huì)對(duì)尖括號(hào)里面的標(biāo)記進(jìn)行解釋。HTML常用的主要標(biāo)記有< html>、< head>、< title>、< body>。

標(biāo)記分為單標(biāo)記和雙標(biāo)記：

（1）單標(biāo)記：只需在尖括號(hào)中輸入標(biāo)記名即可，一種單標(biāo)記表示一種功能，沒(méi)有范圍之分。

格式：<標(biāo)記>

如換行標(biāo)記：

（2）雙標(biāo)記：標(biāo)記有頭有尾，且前面的標(biāo)記與后面的標(biāo)記保持一致，但在后面的標(biāo)記前有斜杠。

格式：<標(biāo)記>菁瑞優(yōu)智</標(biāo)記>

如段落標(biāo)記;

4、HTML標(biāo)記構(gòu)成

<html>
    <head>
        <title>C語(yǔ)言網(wǎng)</title>
    </head>
    <body>
        <h1>如何用好C語(yǔ)言網(wǎng)？</h1>
        <p>C語(yǔ)言網(wǎng)有很多題</p>
    </body>
</html>

一個(gè)完整的HTML頁(yè)面，其實(shí)就是由一對(duì)對(duì)的標(biāo)記組成的（當(dāng)然也有例外）。

（1）< html>< /html>：網(wǎng)頁(yè)開(kāi)始和結(jié)束標(biāo)記。

（2）< head>< /head>：網(wǎng)頁(yè)的頭部信息開(kāi)始和結(jié)束標(biāo)記；

（3）< body>< /body>：網(wǎng)頁(yè)的主體開(kāi)始和結(jié)束標(biāo)記；

（4）< title>< /title>：網(wǎng)頁(yè)的主題開(kāi)始和結(jié)束標(biāo)記；

（5）：網(wǎng)頁(yè)的段落開(kāi)始和結(jié)束標(biāo)記

5、網(wǎng)頁(yè)布局的技術(shù)

（1）表格布局技術(shù)：表格布局在過(guò)去比較普遍，就是將各種需要的文本、圖像素材等放到無(wú)邊框的表格中，優(yōu)點(diǎn)是它能對(duì)不同對(duì)象加以處理，又不用擔(dān)心不同對(duì)象之間的影響，缺點(diǎn)是使用過(guò)多的表格，網(wǎng)頁(yè)數(shù)據(jù)量加大，影響頁(yè)面下載速度。

（2）CSS（層疊樣式表）技術(shù)：又稱為DIV+CSS布局技術(shù)，可以精確定位文本和圖片，將數(shù)據(jù)和格式分開(kāi)，使網(wǎng)頁(yè)的數(shù)據(jù)量大大減少。CSS對(duì)于初學(xué)者來(lái)說(shuō)顯得有點(diǎn)難度，但它的確是一個(gè)很好的布局方法，也是現(xiàn)在最常用的網(wǎng)頁(yè)布局技術(shù)。

點(diǎn)贊(0)