HTML语法简介_第1页
HTML语法简介_第2页
HTML语法简介_第3页
HTML语法简介_第4页
HTML语法简介_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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

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

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

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

5、數值為十六進位00(暗)FF(亮)。例如BLACK #000000WHITE #FFFFFFRED #FF0000GREEN #00FF00BLUE #0000FFMAGENTA #FF00FFCYAN #00FFFFYELLOW #FFFF00PURPLE #800080SILVER #C0C0C0MAROON #800000NAYY #000080OLIVE #808000FUCHSIA #FF00FFGRAY #808080TEAL #008080章節段落<Hn> </Hn>可以使用 <Hn> </Hn> 做為章節段落的標題，<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>另外章節段落標題預設的位置是靠左的，但可以使用 ALIGN= 來設定置中或靠右。<P><P>表示成為一個段(paragraph)，<P>將跳下一行，並加一行空白。<BR><BR>表示BREAK，表示只跳下一行。<HR><HR>表示Horizontal Rules，可以加入一條水平線。文字的字型、大小、顏色<FONT><FONT>設定字體大小、顏色、字型。<FONT FACE => 設定字型，例如&l

8、t;FONT FACE ="標楷體"> 培正中學 </FONT><BASEFONT SIZE = n> 設定基底(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、設定基底(base)的字體大小為2.<BR><FONT SIZE=+3>現在的字體的大小為5.</FONT><BR><FONT SIZE=-1>現在的字體的大小為1.</FONT><BR><B> </B>代表bold，設定之間文字為粗體字。<I> </I>代表italic，設定之間文字為斜體字。<U> </U>代表underline，使之間文字加底線。<SUP> </SUP>設定之間文字為上標字。<SUB>

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

11、HREF="連結的文件"> </A><A HREF="連結的文件"> </A> 可讓閱覽器的使用者滑鼠按所顯示的文字或圖片時，自動連結到別的文件。若要超連結(hyperlink)到另一個HTML文件時，可以使用<A HREF=URL> </A> 的標記，例如<A HREF = ".hk"> 培正中學網頁 </A>若要超連結(hyperlink)到電郵地址(E-mail address) ，可以使用 <A HREF = "mailto: "> </A>的標記，例如<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. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论