【文章內(nèi)容簡介】 ” ； LINK=“XXXX（鏈接顏色碼）； VLINK=“XXXX（已訪問過的超鏈接顏色碼） ? Hx… /Hx ； 定義文件中各子標(biāo)題的等級，以區(qū)分不同章節(jié)， x=1~6，即共有 6級標(biāo)題。 HTML語言的基本框架（續(xù)） ? A… /A ； 定義超鏈接，其中可包含屬性，屬性可以為： HREF=“被鏈接的對象 ” ，被鏈接對象可以是另一 Web頁、另一 Web站點的主頁、或自己的電子郵件地址、或進(jìn)一步將圖作為鏈接點 ? FORM… /FORM ； 定義表單并可將用戶在瀏覽器端輸入的各種數(shù)據(jù)傳送給 Server端的 CGI（ Common Gateway Interface）程序。其中可包含兩種屬性：METHOD=“GET/POST（選擇表單的傳輸協(xié)議） ” ，以及 ACTION=“表單提交時調(diào)用的 Server端程序 ” 。 HTML語言的基本框架（續(xù)） 除了成對出現(xiàn)的標(biāo)簽外，還有一些是單標(biāo)記的標(biāo)簽，主要有： ? P ；空行標(biāo)記。 加入 P標(biāo)記后，先空出一行，然后再從下一行繼續(xù)顯示其后的文字。屬性有：ALIGN=RIGHT/CENTER/LEFT，分別表示向右 /中 /左看齊。 ? BR ； 換行標(biāo)記。 ? IMG ； 設(shè)定顯示的圖形。其屬性有： SRC=圖形文件名，ALIGN=LEFT/RIGHT/MIDDLE/TOP/BOTTOM（圖形與文字的對齊方式）， WIDTH=XXX和 HEIGHT=XXX（設(shè)定圖形的寬度和高度）等。 ? META ； 用于記錄 HTML文件的相關(guān)信息，這些信息不會顯示在瀏覽器上。必須放在 HEAD. /HEAD 之間。 簡單 HTML文件介紹 概述 ? 基本概念理解 ? HTML文件存放在 Web服務(wù)器的某個目錄里 ? 通過 WWW瀏覽器下載 HTML文件，并對文件中的標(biāo)記進(jìn)行解釋（即瀏覽） ? 基本成分：標(biāo)題、段落、列表、表格、圖象 ? 簡單網(wǎng)頁形式 ： 標(biāo)題 內(nèi)容段落（列表、表格、圖象等） 內(nèi)容段落（列表、表格、圖象等） 簡單 HTML文件介紹 構(gòu)成 ? 基本構(gòu)成 ? 文件的內(nèi)容部分 ? HTML的標(biāo)志部分 ? 標(biāo)志書寫格式： ? 標(biāo)識名 文件內(nèi)容 /標(biāo)識名 ? 標(biāo)識名通常寫在 內(nèi) ? 不區(qū)分大小寫 ? 也有單向標(biāo)識： 標(biāo)識名 1 建立 簡單的 HTML文件 ? 簡單示例：“示例一” ? 四個基本標(biāo)識 ? html/html標(biāo)識 ? head/head標(biāo)識 ? title/title標(biāo)識 ? body/body標(biāo)識 1 html /html標(biāo)識 ? HTML文件起始標(biāo)識 ? 成對出現(xiàn) ? 包含文件的全部內(nèi)容 html 文件的全部內(nèi)容 /html 1 head /head標(biāo)識 ? 網(wǎng)頁頭部的標(biāo)識 ? 寫在 head/head之間的內(nèi)容， 如果又寫在“ title”標(biāo)識中，表示該網(wǎng)頁的名稱，并作為瀏覽器標(biāo)題欄的名稱，顯示在此網(wǎng)頁窗口的最上方。如果不寫在“ title”標(biāo)識中，則成為正文的頭部，顯示在文本之前。 ? “ head”標(biāo)識中的文本應(yīng)當(dāng)盡量簡練 ? “示例二” 1 title /title標(biāo)識 ? 網(wǎng)頁名稱標(biāo)識 ? 在瀏覽器中作為標(biāo)題欄名稱顯示在該窗口的上方。 ? 對 bookmarks很有用 ? 一個網(wǎng)頁應(yīng)只有一個網(wǎng)頁名稱 ? “ title”標(biāo)識應(yīng)包含在“ head”標(biāo)識之間 ? “ title”標(biāo)識內(nèi)應(yīng)不含任何其他標(biāo)識 ? “ title”標(biāo)識宜短小 1 body /body標(biāo)識 ? “ body”標(biāo)識中放置網(wǎng)頁的主體內(nèi)容 ? 成對出現(xiàn) ? 文件取名規(guī)則： 以 htm或 html為后綴 文件名中不可有空格和特殊字符 在 UNIX系統(tǒng)中，注意大小寫敏感 取名保存后，可在瀏覽器中打開 ? 語言字符集信息標(biāo)記 meta equiv=“contenttype” content=“text/html 。 charset=gb2312” 1語言字符集信息 1 文件的子標(biāo)題 ? 子標(biāo)題是用來區(qū)分內(nèi)容的不同章節(jié)的，瀏覽時會顯示不同的大小字型 ? HTML定義了六個級別的子標(biāo)題 ? 書寫格式為： Hn廣州大學(xué)簡介 /Hn ? n從 1到 6，字體越來越小 ? “示例四” 1 幾個常用的 HTML標(biāo)識 ? pre/pre原樣顯示文本 ? p/p段落標(biāo)識 ? br/br 行中斷標(biāo)識 1 常用標(biāo)記小結(jié) ? html/html ? head/head ? title/title ? body/body ? Hn/Hn ? pre/pre原樣顯示文本 ? p/p段落標(biāo)識 ? br/br 行中斷標(biāo)識 建立超鏈接 ? A HREF=“…/” 鏈 接到 file1 /A 被連接文件名及其路徑 起始標(biāo)識 結(jié)束標(biāo)識 使用 A標(biāo)識連接一個 HTML文件（ ) 2 〈 A〉 標(biāo)簽為如下形式： 其中 HREF屬性域指定了待鏈接文件名及其路徑。使用相對路徑 時，以鏈接所在文件為基準(zhǔn)，可以包含上層目錄名（用 ..）； 也可以使用絕對路徑或 URL地址。 下面的例子顯示一個鏈接并在 IE中的顯示 當(dāng)你在瀏覽器中用鼠標(biāo)單擊“ 主菜單 ”文字時，就會跳 轉(zhuǎn)到名為 。 回到 A HREF=../主菜單 /A ? 創(chuàng)建鏈接 ? 鏈接到另一頁面 ? 鏈接到 WEB的文件 ? 鏈接到文檔的指定位置 2 本地超鏈接 ? 本地連接 ? 所有連接文件都在本地磁盤上，不必連接網(wǎng)絡(luò) ? 本地機(jī)上要有瀏覽器和編輯器 ? 同一目錄下的本地連接 ? 只需寫文件名，不需寫路徑 ? 不同目錄下的本地連接 ? 必須寫明連接文件路徑名 ? 路徑名的寫法：相對路徑和絕對路徑 ? 相對路徑：以當(dāng)前文件所在路徑和字目錄為起點，進(jìn)行相對的文件查找。 ? 絕對路徑：以絕對路徑名進(jìn)行文件查找，絕對路徑中的盤符后用“ |”，而不用“：” 表 1：相對路徑名及其含義 相對路徑名 含義 href=“” 本地當(dāng)前路徑下的文件 href=“files/” 本地當(dāng)前路徑下被稱為“ files” 的子目錄 下的名為 href=“file/morefiles/” 當(dāng)前目錄下的 file子目錄下 的“ morefiles”子目錄下名為 href=“../” 本地當(dāng)前目錄的上一級子目錄下名 href=“../../” 當(dāng)前目錄的上兩級子目錄下名為 表 2：絕對路徑名及其含義 絕對路徑名 含義 HREF=“/u1/my/” u1目錄下的 my子目錄下