DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> htnl基礎知識之網頁頁面的初步了解
htnl基礎知識之網頁頁面的初步了解
編輯:HTML和Xhtml     
HTML語言是超文本標記語言的縮寫。它是一種描述文檔結構的語言,而不能描述實際的表現形式。
HTML語言使用描述性的標記符(稱為標記碼)來指明文檔的不同內容。標記碼是區分文本各個組成的分界符,用來把HTML文檔劃分成不同的邏輯部分(或結構),如段落、標題和表格等。標記碼描述了文檔的結構,它向浏覽器提供該文檔的格式化信息,以傳送文檔的外觀特性。
用HTML語言寫的頁面是普通的文本文檔,不含任何與平台和程序相關的信息,它們可以被任何文本編輯器讀取.
產生HTML文件有兩種方法,一種是手工編制,另一種是用網頁編輯器產生,Dreamweaver 3.0就是一個這樣的網頁編輯器,用Dreamweaver 3.0制作網頁的同時,Dreamweaver 3.0產生該網頁的HTML文件,因此學習手工編制HTML文件是很有必要的,下面介紹如何手工編制HTML文件的基本知識。
HTML文檔包含兩種信息:一是頁面本身的內容,如文本、圖形等;二是表示頁面元素、結構、格式和其他超文本鏈接的HTM L標簽。
當浏覽器讀HTML文件遇到HTML標簽時,它就將頁面的內容按照標記定義的格式顯示出來。HTML標記的基本格式是:
<標簽> 頁面內容 </標簽>
前面的標簽表示所定義格式的開始,後面的標簽表示這種格式的結束·例如“<B>Helloworld ! </B>”表示用粗體字顯示“Hello world”。
現在常用的兩種浏覽器360和Internet Explorcr對HTML標記的解釋不一樣,即同一個標記在不同浏覽器顯示的結果不一樣,兩者是否能解釋的標記也不一樣,同一種浏覽器不同版本也有此問題,因此,編制網頁時需要注意此問題。一般而言,常用的普通功能不會出現這種現象,新的、高級的功能才會出現這個問題。Dreamweaver 3.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>Hello World!<TlTLE>
</HEAD>
<BODY>
<P>HeIIo World!</P>
<P>This is my first web.</P>
</BODY>
</HTML>
這就是一個簡單的HTML文件,讓我們先為上面的文件起名並保存.起文件名要注意:
(1)在DOS/Windows系統中擴展名要用“.htm",在UNIX系統中擴展名要用“.html "(需要注意的是,在UNIX系統中,文件名中的字母大小寫是敏感的)。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved