怎么在html中加入文件,在HTML文件加入标签.ppt

在HTML文件加入标签

第 1 章 認識HTML 本章提要 1-1 什麼是 HTML 1-2 如何製作 HTML 文件 1-3 HTML 網頁與瀏覽器 1-4 HTML 的結構 1-5 最基本的 HTML 標籤 1-1 什麼是 HTML 逛遍網路上形形色色的網頁, 有的是令人目眩神迷、唱作俱佳的多媒體網頁；有的是內容豐富別具特色的部落格；有的則是功能齊全、不出門就能 Shopping 的購物網站；不論是哪一種網頁, 都是以 HTML 為基礎建構而成的。 不論您是想架設自己的部落格, 或是想學習網頁程式設計, 學會 HTML 才能真正了解網頁的運作, 進而做到更精細的設定, 使您的網頁更加完美。 1-1-1 HTML 與網頁的關係 如果您平常是用 Internet Explorer 做為瀏覽程式, 執行『檢視』功能表中的『原始檔』命令後, Internet Explorer 就會顯示另外一個視窗, 視窗內所呈現的就是您所看到之網頁的原始文件內容, 如下圖所示： 1-1-1 HTML 與網頁的關係 1-1-1 HTML 與網頁的關係 1-1-1 HTML 與網頁的關係 我們稱這個原始文件為 HTML 網頁文件, 您要製作網頁時, 就是要做出一個如上圖所示的 HTML 文件, 因此我們必須學習 HTML (HyperText Markup Language), 中文可稱之為『超文字標記語言』。 1-1-2 HTML 文件是由標籤組成的 由前圖我們可以看到, HTML 文件中除了可在瀏覽器中所看到的文字外,還多出一些奇怪的文字, 像是

、 等等, 我們稱這些由小於 "" 符號所組成的記號為『標籤』(tag)。 1-1-2 HTML 文件是由標籤組成的 您應該已經發現在 HTML 文件中, 除了這些穿插在文件中的標籤外, 其它都是一般的文字而已。 您不妨用瀏覽程式的存檔功能將所看到的任一個網頁儲存在您的硬碟中, 再用一般的文書處理器, 例如 Windows 的記事本或漢書等開啟之。 您就會發現原來 HTML文件不過就是和一般的文字檔一樣, 只是文字中有一些奇奇怪怪的 HTML 標籤罷了(至於圖形或圖片則是另外存成圖檔, 再用標籤加進文件中)。 1-1-2 HTML 文件是由標籤組成的 因此我們只要在文章之中, 加上適當的標籤, 則瀏覽程式在讀取該 HTML 文件時,就會依照各標籤所代表的意義, 將其後的文字做出靠左對齊、靠右對齊、放大、使用粗體字等各種效果,在瀏覽器的視窗顯示出來。 1-1-3 為什麼要學 HTML 自從幾年前 “網頁製作” 也成為 Internet 流行潮下的一股支流後, 為了讓多數的非電腦專業人士們也能輕鬆自製網頁, 因而出現了許多方便的網頁製作軟體, 也就是所謂的 “所見即所得” (What You See Is What You Get, WYSIWYG) 的網頁製作工具, 像是 FrontPage 和 Dreamweaver 等等。 這些工具讓使用者不需對 HTML 或其它的網頁製作技術有什麼瞭解, 即能做出圖文並茂的網頁, 那麼我們為什麼還要學 HTML呢? 1-1-3 為什麼要學 HTML 其實您如果只是要隨便做個個人網頁好玩,, 也許真的沒必要花時間學 HTML。 但如果想學好網頁的製作, 就必須對這個網頁的基本構成要素有一定的瞭解, 因為就算使用所見即所得的工具來製作, 最終的製作成果也都是存成 HTML 檔。 若有什麼效果是製作軟體的功能所無法做出的, 如果您通曉 HTML, 這時就可自己動手編輯, 將所需的效果設計出來。 1-1-3 為什麼要學 HTML 其實一般的所見即所得網頁製作軟體, 也都有提供讓使用者直接編輯 HTML 內容的功能, 以補其功能上的不足。 其實要不要學 HTML 之類的問題在網路上也不時引起大家的討論, 身為初學者的我們, 不妨到網路上看看過來人的經驗談, 也許您會發現, 學習 HTML 的好處可多著呢! 1-1-4 HTML 的標準 在電腦上的『語言』都有一套標準, HTML 也不例外, HTML 標準的制定單位是大名鼎鼎的 W3C (), 目前標準最新版本是 4.01 版, 有興趣者可至/Markup/ 探個究竟。 1-1-4 HTML 的標準 1-2 如何製作 HTML 文件 HTML 的製作流程,大致上就像您在寫一篇研究或企劃報告一樣,其過程大致如下： 1-2-1 規畫 HTML 文件內容 您必須先想好文件中要放哪些東西, 例如: 套句商業術語, 就是要先決定並瞭解您的『客戶』群。明白目標後, 才能決定要在首頁中呈現什麼樣的資料。 蒐集所需的資料, 例如您已有一般的文件、圖片等要放到WWW上供大家瀏覽, 就將它們轉換成電腦上的