萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> htnl基礎知識之網頁頁面的初步了解

htnl基礎知識之網頁頁面的初步了解

  HTML語言是超文本標記語言的縮寫。它是一種描述文檔結構的語言,而不能描述實際的表現形式。

  HTML語言使用描述性的標記符(稱為標記碼)來指明文檔的不同內容。標記碼是區分文本各個組成的分界符,用來把HTML文檔劃分成不同的邏輯部分(或結構),如段落、標題和表格等。標記碼描述了文檔的結構,它向浏覽器提供該文檔的格式化信息,以傳送文檔的外觀特性。

  用HTML語言寫的頁面是普通的文本文檔,不含任何與平台和程序相關的信息,它們可以被任何文本編輯器讀取.

  產生HTML文件有兩種方法,一種是手工編制,另一種是用網頁編輯器產生,Dreamweaver3.0就是一個這樣的網頁編輯器,用 Dreamweaver3.0制作網頁的同時,Dreamweaver3.0產生該網頁的HTML文件,因此學習手工編制HTML文件是很有必要的,下面介紹如何手工編制HTML文件的基本知識。

  HTML文檔包含兩種信息:一是頁面本身的內容,如文本、圖形等;二是表示頁面元素、結構、格式和其他超文本鏈接的HTML標簽。

  當浏覽器讀HTML文件遇到HTML標簽時,它就將頁面的內容按照標記定義的格式顯示出來。HTML標記的基本格式是:

  <標簽>頁面內容</標簽>

  前面的標簽表示所定義格式的開始,後面的標簽表示這種格式的結束·例如“<B>Helloworld!</B>”表示用粗體字顯示“Helloworld”。

  現在常用的兩種浏覽器360和InternetExplorcr對HTML標記的解釋不一樣,即同一個標記在不同浏覽器顯示的結果不一樣,兩者是否能解釋的標記也不一樣,同一種浏覽器不同版本也有此問題,因此,編制網頁時需要注意此問題。一般而言,常用的普通功能不會出現這種現象,新的、高級的功能才會出現這個問題。Dreamweaver3.0己經盡量兼顧了這兩種浏覽器,並提供了一些處理這些問題的方法。

  HTML文件是純文本文件,可用任何文字編輯器輸入,如Windows附件中的記事本.保存文件時,文件的擴展名必須用“HTML”或“HTM"。

  HTML文件的整體結構如下:

  <HTML>

  <HEAD>

  <TITLE>...</TITLE>

  </HEAD>

  <BODY>

  </BODY>

  </HTML>

  下面說明HTML文件整體結構中的HTML標簽:

  <HTML>:每個HTML頁面中的第一個HTML標簽是<HTML>,它說明文件內容是用HTML語言編寫的,HTML頁面中所有文木和HTML標簽都包含在

  <HTML>...</HTML>開始和結束標記之中.

  <HEAD>:<HEAD>標簽表明包含在這一標簽中的文本是文木中其他文本的序言,通常只有很少的部分寫在文件的<HEAD>部分,不應把頁面內容的任何文本寫在頁頭中!

  <TITLE>:包含在<TITLE>標簽之間的文木稱為頁頭標題,浏覽器將頁頭標題放在頁面窗口的標題欄中。

  <BODY>:HTML頁面的內容都包含在<BODY>標簽中。

  來了解HTML文件的基木格式、概念和標記。在編輯的文本文件裡寫出如下內容:

  <HTML>

  <HEAD>

  <TITLE>HelloWorld!<TlTLE>

  </HEAD>

  <BODY>

  <P>HeIIoWorld!</P>

  <P>Thisismyfirstweb.</P>

  </BODY>

  </HTML>

  這就是一個簡單的HTML文件,讓我們先為上面的文件起名並保存.起文件名要注意:

  在DOS/Windows系統中擴展名要用“.htm",在UNIX系統中擴展名要用“.html"(需要注意的是,在UNIX系統中,文件名中的字母大小寫是敏感的)。

copyright © 萬盛學電腦網 all rights reserved