【正文】 這里換行 br hr 在文檔當前位臵畫一條水平線（ horizontal line），需要使用 hr標記，一般是從窗口中當前行的最左端一直畫到最右端。 Noshade指定水平線不帶陰影，為實心線段，缺省帶陰影。 圖 88 排版標記的使用 縮進顯示 居中顯示 原樣 顯示 斜體 ? 過程與步驟： ?1．通過依次單擊任務(wù)欄上的 【 開始 】 → 【 程 序 】 → 【 附件 】 → 【 記事本 】 菜單命令打開記事本 ?2．在記事本的編輯面板中輸入以下代碼： html ?head ?title排版標記的使用 /title ?/head ?body ?!—練習(xí)排版標記的使用，這里是注釋 center我們?yōu)榱斯餐哪繕硕鴣怼?/p blockquote 人生最可貴的品質(zhì)是誠實、 最珍貴的禮物是寬容、 最佩服的實上進。 第二段，人生最珍貴的禮物是寬容。 三、 涵蓋知識點： ?注釋 在 html中和其他語言一樣支持注釋，“ !—”表示注釋的開始，“ ”表示注釋的結(jié)束。 注釋的內(nèi)容不再瀏覽器里顯示的，在本實例中： !—練習(xí)排版標記的使用，這里是注釋 ?此內(nèi)容為注釋部分，不予以顯示的。 /center ?blockquote blockquote將被修飾的對象往右邊縮退，記作： blockquote內(nèi)容 /blockquote，以下效果是這樣的語法實現(xiàn)的（用了兩個縮進單位）： blockquoteblockquote虛擬在線動力 ……/blockquote/blockquote 當然，你也可以用空格符號實現(xiàn)縮進（代碼記作： ），但它只管左邊的，對右邊沒有影響，而 blokcquote標簽是有的。 /blockquote ?效果從結(jié)果中可以看出。即文本在瀏覽器中的顯示時遵循在 HTML源文檔中定義的格式。在本實例中： pre 第一段，人生最可貴的品質(zhì)是誠實。 /pre 運行結(jié)果如圖 88所示。如本實例中的： address陜西理工學(xué)院 /address 總之， HTML的排版不同于 Word的直觀排版概念，它不是 所見即可得 的。排版可分為常規(guī)排版和非常規(guī)排版兩種，這里只介紹常規(guī)排版。yen。陜西理工學(xué)院 /body /html 。 三、 涵蓋知識點： ?特殊字符 可以將特殊字符插入到 html的文檔中。如本實例中： h1歡 迎 光 臨 /h1 p售價： 68(amp。) 版權(quán)所有 169。yen。yen。） amp。Graham去超市了/p 版權(quán)號（ C） 169。蘭州石化學(xué)院 注冊商標（ R） amp。 注冊商標 amp。侵權(quán)必究 2． div和 span標記 有時需要將網(wǎng)頁中的文本分成邏輯信息塊，還需要將公用的屬性應(yīng)用于整個塊。 Div一般用于將文檔分割成相關(guān)部分，可以跨越多個段落。在本實例中可以看到二者的區(qū)別： div 第一部分 pdiv用于組織元素 pdiv通常用于塊級元素 /div div align=right 第二部分 br h3你覺得有意思嗎？ /h3 /div p在 div之外，“ span style=”fontsize:25”情況/span就不同了，能理解嗎？”這里 span標記只對“情況”二字起作用，而 div的用法與它有明顯的不同。 ?對于塊標記 div和 span他們常用的屬性有align（對齊）、 style（規(guī)定文本的顯示規(guī)則）。 ?p在 div之外， span style=”fontsize:25”情況 /span就不同了，能理解嗎？對于 align屬性，前面有過介紹，這里不再贅述。 4．運行結(jié)果如圖 810所示。顏色值越高表示這種顏色越深。也可以采用三個以“，”相隔的十進制數(shù)來表示某一顏色，比如紅色，其十進制表示為 color(255,0,0)。當然在具體配色時也可以直接使用顏色的英文名字，比如紅色 (red)、藍色 (blue)、綠色(green)等等。比如藍色，它給人以非常專業(yè)的感覺，所以許多高科技公司都喜歡使用藍色作為它的代表色。 在制作網(wǎng)頁的過程中，可能會表達一些特殊的書寫格式，比如水分子式、平方根、引用和強調(diào)文本等等，這時就得使用字符級的標記，例如在實例中： ?p圓的面積 =pi*rsup2/sup/p ?p水的化學(xué)符號： Hsub2/subO/p ? pem這是一種很有趣的體驗/em/p 效果也能從結(jié)果看得出來，見圖 810。 表 82常用的字符級標記 標記 描述 示例 b…/b 粗體文本 b這是一種很有趣的體驗 /b tt…/tt 固定寬度的字體 b這是一種 tt很 /tt有趣的體驗 /b sub…/sub 下標文本 p水的化學(xué)符號： Hsub2/subO/p em…/em 強調(diào)文本 pem這是一種很有趣的體驗 /em/p code…/code 用于顯示編程代碼 codex=x+2bry=x/code cite…/cite 用于引文和引用 智慧的頭腦只會欣賞一種觀點而不會輕易的接受 cite亞里士多德 /cite 實例 87 字體和圖像標記 一、 學(xué)習(xí)目標 ?掌握字體標記的使用 ?掌握字體標記的屬性設(shè)定 ?掌握在 html文檔中如何插入圖像 ?了解圖像的相關(guān)知識 圖 811字體和圖像標記的使用 替代文本 二、實例結(jié)果，如圖所示 ?過程與步驟： 1．通過依次單擊任務(wù)欄上的 【 開始 】 → 【 程序 】 →【 附件 】 → 【 記事本 】 菜單命令打開記事本 2．在記事本的編輯面板中輸入以下代碼： html headtitle字體和圖像標記 /title/head body p正常文本 /p pfont size=7 color=0000FF這些大字體的文本 /font/p pfont size=+2這些文本的字體比正常的文本字體大 2號 /font/p pfont size=2這些文本的字體比正常的文本字體小 2號 /font/p pfont size=5 face=隸書 這些文本的字體是隸書 /font/p 圖片插入： img src=清華 .JPG alt=我們在清華大學(xué) width=150 height=150 align=middle /body/html 。 三、 涵蓋知識點： font標記用于控制文本在網(wǎng)頁上的顯示。具體見表 83?？芍付ǖ淖煮w 大小范圍為 1到 7，最大為 7，最小為 1。例如，如果基本大小為 3，那么 size=+4會使字體大小增加至 7 size=1會使字體大小減小至 2 face 用于指定字體，可以指定一系列字體類型，按優(yōu)先級列出來，用逗號分開，例如“隸書， Arial”，這樣設(shè)置以后文本就會優(yōu)先顯示為隸書字體，若客戶機沒有安裝這種字體，則會顯示為 Arial字體。 2．圖像標記 當我們要在網(wǎng)頁中嵌入圖片時，就不得不用到 img標記，我們看到， img標記沒有終止符?；菊Z法： ?img src=圖片地址 border=數(shù)值 align=對齊方式 …在我們的實例中用到了很多 img的屬性。我們這里用的是相對地址（即和我們的網(wǎng)頁在同一目錄下）。取值范圍為正整數(shù)，邊框顏色不可改變（黑色）。 ?align：圖片與文字的位臵關(guān)系。 ? alt、 title：說明、標題。在本例中鼠標指針移到圖片上，看到“我們在清華大學(xué)” ?width：圖片的寬度（象素）。 “圖片一張，勝過千言萬語”這句話的確非常適合于網(wǎng)頁。圖像可以是圖標、項目符號、照片、公司徽標等等。但是，web上的情況稍有不同。 GIF文件具有獨立于平臺的格式且支持 256色。GIF文件有兩種標準 87a和 89a（支持透明）。對于不支持圖形漸進的圖片格式，只有在完整的圖形被下載以后才能顯示出來，相反，支持圖形漸近的圖片格式，可以在下載文件的同時，逐行顯示在屏幕上。 ?透明 GIF圖像：像素可以是透明的或不透明的。例如，圖標和項目符號應(yīng)該是透明的 GIF圖像，以便與文檔的背景色融合在一起。 ?GIF支持無損壓縮：無損壓縮是不損失圖形的細節(jié)而壓縮圖形的有效方法。 GIF比較適合線條、圖標和圖紙等圖片。 (2)JPEG（ Joint Photographics Experts Group）圖像（ .JPG） ?JPEG壓縮是一種有損壓縮方案。但是，在回放過程中，圖像幾乎與原始圖像一樣好。該比率越高，圖像的質(zhì)量就會比原始圖像的越差。 ?JPEG（ .jpg文件擴展名）和 GIF文件格式兩者都可以通過壓縮圖像來確保在 Inter上達到更快的傳輸速率。 (3)PNG（ Portable Network Graphics） ?PNG文件支持無損壓縮。也可以壓縮 PNG圖像以便在網(wǎng)絡(luò)上傳輸。 ?在決定采用哪一種圖形格式時，應(yīng)考慮下列因素： 圖像品質(zhì)－在顯示過程中圖像的品質(zhì)有多重要？ 數(shù)據(jù)大?。募酱螅瑐鬏敃r間越長。 dtHyper Text ddHyper Text是超文本。 /dl /body /html 。 三、涵蓋知識點： 1．無序列表 這是可以添加到 html文檔中的最簡單的列表類型。其中的項目都帶有項目符號前綴。列表中的每個項目都是用列表標記 li進行標記，其中 li表示 list item（列表項）。其結(jié)構(gòu)如下所示： ?ul li第一項 li第二項 li第三項 /ul type屬性可以用來設(shè)置列表項前面的項目符號，放在 ul或 li標記里都可以。 在本實例中我們可以看到，無序列表的第一個列表項的項目符號是空心圓，而后兩項則是實心的方塊。 有序列表 有序列表和無序列表的使用方法基本相同，它使用標簽ol/ol，每一個列表項前使用 li。其結(jié)構(gòu)如下所示： ? ol li第一項 li第二項 li第三項 /ol ?要定義列表項前面的有序編號，可以通過設(shè)臵屬性實現(xiàn)， type屬性設(shè)臵在 ol或 li標記里都可以。具體屬性值設(shè)臵見表 84所示。另外，還可以在有序列表內(nèi)嵌套無序列表，反之亦然。在應(yīng)用中，列表項使用標簽 dt標明，說明性文字使用 dd表示，通常用于生成術(shù)語列表（術(shù)語和定義）。其結(jié)構(gòu)如下所示： ?dl dt第一項 dd敘述第一項的定義 dt第二項 dd敘述第二項的定義 dt第三項 dd敘述第三項的定義 /dl 總之，我們在設(shè)計網(wǎng)頁的時候可以根據(jù)實際的需要，來選擇不同的列表。 圖 814 點擊“字體和圖像”輸出的結(jié)果 圖 815 點擊“排版”的輸出結(jié)果 三、 涵蓋知識點： ?文件之間的鏈接 超文本中的鏈接是其最重要的特性之一，使用者可以從一個頁面直接跳轉(zhuǎn)到其他的頁面、圖象或者服務(wù)器。 a href=/a ?鏈接分為本地鏈接、 URL鏈接和目錄鏈接。 ?本地鏈接 對同一臺機器上的不同文件進行的連接稱為本地鏈接，它使用 UNIX或 DOS系統(tǒng)中文件路徑的表示方法，采用絕對路徑或相對路徑來指示一個文件。 ?現(xiàn)在我們把這幾種路徑的表示方法寫入鏈接中： ?以相對路徑表示： a href=字體和圖像 /a，結(jié)果見圖 814所示。 ?鏈接上一目錄中的文件： a href=../../Inter/IP地址 IP地址 /a ?一般情況下，不用絕對路徑的，因為我們的資源常常是放在網(wǎng)上供其他人瀏覽的，寫成絕對路徑，當我們把整個目錄中的所有文件移植到服務(wù)器上時，帶有 E:\的資源地址用戶將無法