HTML語法簡介_第1頁
HTML語法簡介_第2頁
HTML語法簡介_第3頁
HTML語法簡介_第4頁
HTML語法簡介_第5頁
已閱讀5頁，還剩1頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

1、HTML語法簡介HTML多姿多彩的網(wǎng)頁內(nèi)容，其實由很多控制符號，加上各項文字、圖片、動畫等堆砌而成。我們以由淺入深的手法探討網(wǎng)頁的寫作方法。用記事本編輯網(wǎng)頁以明白箇中運作原理除了圖片和文字，網(wǎng)頁中包含很多控制符號，我們叫這種電腦語言為HTML(Hyper Text Markup Language)?；旧螲TML文件屬於一種標(biāo)準(zhǔn)的文字檔，你可以使用任何的文書軟體來編寫，以Windows環(huán)境而言，記事本是其中一個選擇。¨ HTML文件的副檔名: 以DOS糸統(tǒng)的命名為 .htm ，至於UNIX糸統(tǒng)下則以 .html 為副檔名 ( Windows 95 和 NT 也支援 .html )。現(xiàn)

2、在以Windows環(huán)境下的記事本和Internet Explorer來介紹HTML的撰寫方法。1. 按一下開始鍵，開啟開始功能表。2. 選程式集，可以看到程式集功能表。3. 選附屬應(yīng)用程式的記事本指令。4. 輸入以下HTML文件內(nèi)容。5. 選檔案功能表的儲存檔案指令?？梢钥吹搅泶嫘聶n對話方塊。6. 將目錄切換至a:或d:temp。7. 在檔案名稱方格內(nèi)輸入first.htm，然後按儲存檔案鍵。8. 開啟Internet Explorer 或 Netscape Communicator，然後開啟first.htm。其預(yù)覽結(jié)果如下：TASK ONE: 根據(jù)上面的步驟，利用記事本製作一個有你名字的網(wǎng)

3、頁。Task OneHTML的基本架構(gòu)由以上HTML文件可見，在HTML的格式中，包含許多的標(biāo)記 ( Tag ) ，這些標(biāo)記以 < 標(biāo)記名稱 > 來表示，所以只要學(xué)會這些標(biāo)記，就可以設(shè)計一個 Home Page 了。¨ 大小寫的標(biāo)記名稱視為相同。<HTML> </HTML><HTML> </HTML> 為HTML 文件的起頭與結(jié)尾。而其中包括表頭 <HEAD> </HEAD> 和 <BODY> </BODY> 兩部份。<HEAD> </HEAD> 及 &

4、lt;TITLE> </TITLE>表頭 <HEAD> </HEAD> 部份，可包括 <TITLE> </TITLE> 標(biāo)記，<TITLE> </TITLE> 將顯示於閱覽器的視窗標(biāo)題欄。<BODY> </BODY>而網(wǎng)頁的內(nèi)容則放於 <BODY> </BODY> 標(biāo)記內(nèi)。<BODY BACKGROUND=>：可設(shè)定背景圖片。<BODY BGCOLOR=#rrggbb>：設(shè)定背景顏色。¨ 其中rrggbb表示紅綠藍色的強度，

5、數(shù)值為十六進位00(暗)FF(亮)。例如BLACK #000000WHITE #FFFFFFRED #FF0000GREEN #00FF00BLUE #0000FFMAGENTA #FF00FFCYAN #00FFFFYELLOW #FFFF00PURPLE #800080SILVER #C0C0C0MAROON #800000NAYY #000080OLIVE #808000FUCHSIA #FF00FFGRAY #808080TEAL #008080章節(jié)段落<Hn> </Hn>可以使用 <Hn> </Hn> 做為章節(jié)段落的標(biāo)題，<H1&

6、gt; </H1> <H6> </H6> 表示字體的大小，<H1> </H1> 為最大的字體。例如<html><head><title>Font Size</title></head><body><h1>H1字體</h1><h2>H2字體</h2><h3>H3字體</h3><h4>H4字體</h4><h5>H5字體</h5><h6>H

7、6字體</h6></body><html>另外章節(jié)段落標(biāo)題預(yù)設(shè)的位置是靠左的，但可以使用 ALIGN= 來設(shè)定置中或靠右。<P><P>表示成為一個段(paragraph)，<P>將跳下一行，並加一行空白。<BR><BR>表示BREAK，表示只跳下一行。<HR><HR>表示Horizontal Rules，可以加入一條水平線。文字的字型、大小、顏色<FONT><FONT>設(shè)定字體大小、顏色、字型。<FONT FACE => 設(shè)定字型，例如&l

8、t;FONT FACE ="標(biāo)楷體"> 培正中學(xué) </FONT><BASEFONT SIZE = n> 設(shè)定基底(base)的字體大小n ， n=17，n=1 最小，n=7最大。使用<FONT SIZE = n> </FONT> 來指定字體的大小，n=17 ，n=1 最小，n=7最大?；蚴褂?<FONT SIZE=+ n> </FONT> 來加大字體的大小，<FONT SIZE=-n> </FONT> 來縮小字體的大小。例如<BASEFONT SIZE =2>

9、設(shè)定基底(base)的字體大小為2.<BR><FONT SIZE=+3>現(xiàn)在的字體的大小為5.</FONT><BR><FONT SIZE=-1>現(xiàn)在的字體的大小為1.</FONT><BR><B> </B>代表bold，設(shè)定之間文字為粗體字。<I> </I>代表italic，設(shè)定之間文字為斜體字。<U> </U>代表underline，使之間文字加底線。<SUP> </SUP>設(shè)定之間文字為上標(biāo)字。<SUB>

10、; </SUB>設(shè)定之間文字為下標(biāo)字。<FONT COLOR = > </FONT>設(shè)定之間文字的顏色。例如<body><b>Boldface</b><br><i>Italics</i><br><u>Underline</u><br>字<sup>上標(biāo)</sup><br>字<sub>下標(biāo)</sub><br></body>超連結(jié)(Hyperlink)<A

11、HREF="連結(jié)的文件"> </A><A HREF="連結(jié)的文件"> </A> 可讓閱覽器的使用者滑鼠按所顯示的文字或圖片時，自動連結(jié)到別的文件。若要超連結(jié)(hyperlink)到另一個HTML文件時，可以使用<A HREF=URL> </A> 的標(biāo)記，例如<A HREF = ".hk"> 培正中學(xué)網(wǎng)頁 </A>若要超連結(jié)(hyperlink)到電郵地址(E-mail address) ，可以使用 <A HREF = "mailto: "> </A>的標(biāo)記，例如<body>E-mail to :<a href="mailto:.hk">Pui Ching Middle School</a></body>圖片和音樂<IMG SRC="圖片檔名"><IMG SRC="圖片檔名"> 可以顯示 GIF 或 JPG 格式的圖片，以及 AVI 的影像。若加上 WIDTH = nn 、 HEIGHT = nn ，可指定圖片的大小。若加上 ALT = "

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論