【正文】 h6 h6標(biāo)題演示 /h6 /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 塊標(biāo)記 div 屬性 =值 ……/div 定義文檔塊。 /h4 /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 對(duì)中標(biāo)記 center…/center 標(biāo)記中間的內(nèi)容全部對(duì)中。 align=段落的水平對(duì)齊方式 其值如下： ? left: 左對(duì)齊（默認(rèn)值） ? center: 對(duì)中 ? right: 右對(duì)齊 ? justify: 兩邊對(duì)齊 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 【 例 】 各種標(biāo)題標(biāo)記大小演示。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 幾乎所有瀏覽器都能識(shí)別以下 16種預(yù)定義的顏色： white (白色 )、 red (紅色 )、 yellow(黃色 )、 blue(藍(lán)色 )、 navy(深藍(lán)色 )、 green(綠色 )、 lime(淺綠色 )、 aqua(水綠色 )、 olive(橄欖綠 )、 b1ack(黑色 )、 gray(灰色 )、 silver(銀色 )、 maroon(褐色 )、 purple(紫色 )、 fuchsia(紫紅色 )、 teal(深青色 )。例如，一種顏色的 RGB代碼為 “ FFC0CB”，這代表是用用強(qiáng)度為 FF(也就是 255)的紅色、強(qiáng)度為 C0的綠色與強(qiáng)度為 CB的藍(lán)色混合成的顏色，也就是粉紅色。顏色名稱就是類似于 red、 blue等顏色的英文名。 html headtitle設(shè)置字體 /title/head body 這是默認(rèn)的字體 br font face=宋體 這是字體名為 宋體 的文字 /font br font face=黑體 這是字體名為 黑體 的文字 /font br font face=仿宋 GB2312這是字體名為 仿宋 GB2312的文字 /font br font face=楷體 GB2312這是字體名為 楷體 GB2312的文字 /font br font face=隸書 這是字體名為 隸書 的文字 /font br font face=華文行楷 這是字體名為 華文行楷 的文字 /font br font face=ArialArial/font br font face=Freestyle ScriptFreestyle Script/font br font face=Harlow Solid ItalicHarlow Solid Italic/font br 下列是一些好玩的字體 :br font face=Wingdings 1Wingdings 1/font br font face=Wingdings 2Wingdings 2/font br font face=Wingdings 3Wingdings 3/font br /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 【 例 】 使用字體標(biāo)記來(lái)設(shè)置文本的字體、字號(hào)和顏色。也可以使用 +或 –號(hào)來(lái)指定相對(duì)字號(hào)，相對(duì)于基本字體（ basefont）的大小。 ? size=“字號(hào)值” size屬性指定字體的大?。ㄗ痔?hào)），其值從 1~7，默認(rèn)值為 3。如果在運(yùn)行瀏覽器的計(jì)算機(jī)上沒(méi)有安裝第 1種字體，則會(huì)嘗試字體名表中的第 2種字體，直至找到匹配字體。 html head title分段標(biāo)記和換行標(biāo)記演示 /title /head body p align=center第 1行演示 /p 第 2行演示 p 第 3行演示 br 第 4行演示 /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 字體標(biāo)記 font 屬性 =值 ……/font 使用字體標(biāo)記 font來(lái)設(shè)置文本的字符格式，主要包括字體、字號(hào)和的顏色等。 p也可以沒(méi)有結(jié)束標(biāo)簽 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 換行標(biāo)記 br 換行標(biāo)記強(qiáng)行規(guī)定了當(dāng)前行的中斷，使后續(xù)內(nèi)容在下一次顯示的。文檔中原有的回車和換行均被忽略，分段標(biāo)記定義一個(gè)新段落，換行并插入一個(gè)空行。 ? body元素包含的是正文部分，當(dāng)瀏覽器查看 HTML文檔時(shí)：也只會(huì)顯示正文部分的內(nèi)容，在以后學(xué)到的其他 html元素也都是放在“ body/body”標(biāo)簽內(nèi)的。 title元素 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 body元素 body元素與 head元素是并列關(guān)系，都應(yīng)該放在“ html/html”標(biāo)簽內(nèi)。雖然在一個(gè) HTML文檔里，可以省略標(biāo)題標(biāo)簽，但是這個(gè)標(biāo)題常用來(lái)對(duì)文檔進(jìn)行索引和參考，因此還是建議每個(gè)網(wǎng)頁(yè)編寫者都不要省略該元素，并且標(biāo)題越細(xì)致越好。 在標(biāo)頭部分除了可以放置標(biāo)題、作者、參考信息之外，還可以放置如腳本、文檔樣式等不需要直接在瀏覽器里輸出的所有信息。 標(biāo)頭部分是用“ head/head”標(biāo)簽標(biāo)識(shí)的部分，正文部分是用“ body/body”標(biāo)簽標(biāo)識(shí)的部分。 注意：現(xiàn)在的瀏覽器的糾錯(cuò)功能實(shí)在是太強(qiáng)了，就算HTML文檔里沒(méi)有 html元素，它們一樣可以把擴(kuò)展名為 .htm或 .html的文件當(dāng)作 HTML文檔來(lái)讀取并顯示。一個(gè) html文檔的第一行都應(yīng)該是 html 標(biāo)簽，標(biāo)志著 html文檔開始；最后一行應(yīng)該是 /html結(jié)束標(biāo)簽，標(biāo)志著 html文檔結(jié)束。 /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 網(wǎng)頁(yè)的基本元素 HTML有 4個(gè)基本元素，分別為 html、 head、 title和body，一個(gè)完整的 HTML文件應(yīng)該包含這 4個(gè)基本元素，下面分別介紹這 4個(gè)基本元素的含義和用法。euro。 amp。 amp。 版權(quán)符號(hào) 169。sect。 167。 元符號(hào) amp。 立方符號(hào) amp。 平方符號(hào) amp。 度 amp。reg。 174。 英鎊符號(hào) 163。 162。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 字符 說(shuō)明 字符實(shí)體名 數(shù)字表示 無(wú)斷行空格 162。 字 符 轉(zhuǎn)義字符 空格 amp。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 (3)轉(zhuǎn)義字符 除了空格之外，在 HTML代碼里常用到的“ ”、“ ”、“ ”這 3個(gè)符號(hào)，在輸出到瀏覽器時(shí)都必須要轉(zhuǎn)換一下才可以使用，這類字符稱之為轉(zhuǎn)義字符。 i斜體 /ibr HTML(Hyper Text Markup Language)是超文本標(biāo)記語(yǔ)言 ， 是用來(lái)編寫網(wǎng)頁(yè)的語(yǔ)言 。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 (2) 如何在網(wǎng)頁(yè)中添加空格 如果要在網(wǎng)頁(yè)中顯示空格，必須要以“ ”來(lái)代替空格。以 IE ，它會(huì)把兩個(gè)連續(xù)標(biāo)簽之間的多個(gè)連續(xù)空格當(dāng)作一個(gè)空格來(lái)顯示，而如果不是連續(xù)標(biāo)簽之間的多個(gè)連續(xù)空格則不顯示，請(qǐng)看以下代碼： 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 b粗體 /b i斜體 /ibr HTML( Hyper Text Markup Language)是超文本標(biāo)記語(yǔ)言，是用來(lái)編寫網(wǎng)頁(yè)的語(yǔ)言。 如： body bgcolor=“red”… /body font size= “7”… /font 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 空格與特殊字符 HTML中的空格與“ ”、“ ”、“ ”等字符都是比較特殊的字符，這些字符在 HTML的源碼里需要特別處理。如 ： hr width=80% (3) 標(biāo)記名稱 …/ 標(biāo)記名稱 對(duì)稱型，無(wú)設(shè)置值。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 HTML 控制標(biāo)記的格式 (1) 標(biāo)記名稱 單一型 , 無(wú)設(shè)置值的。 (6)元素的屬性也是不區(qū)分大小寫，以下幾行代碼的運(yùn)行結(jié)果是相同的： font color=red font COLOR=red font color=RED 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 元素的屬性 (7)當(dāng)輸入的屬性不屬于標(biāo)簽內(nèi)的元素時(shí)，瀏覽器將會(huì)忽略該屬性，例如以下代碼： 這是一行普通文字 br a href= size=7這是一個(gè)超級(jí)鏈接 /a 雖然在“ a”元素里指定了“ size”屬性，但是因?yàn)椤?size”屬性屬于“ font”元素而并不屬于“ a”元素，所以瀏覽器會(huì)將該屬性忽略。其中 size 屬性指定文字大小，其值可以為 17。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 元素的屬性 (5)一個(gè)標(biāo)簽里只能包含一個(gè) HTML元素，但是一個(gè)標(biāo)簽里可以包含多個(gè) HTML元素的屬性，多個(gè)元素屬性之間用空格隔開。39?！崩ㄆ饋?lái)。red39?！薄ㄆ饋?lái)，也可以不用。 在使用元素的屬性時(shí)有以下幾點(diǎn)是值得注意的： (1)元素與元素屬性必須放在同一個(gè)標(biāo)簽里，也就是說(shuō)，元素屬性與元素都必須放在同一個(gè)“ ” 與“ ” 符號(hào)之內(nèi)。 (5)HTML語(yǔ)言中的標(biāo)簽不區(qū)分大小寫，“ b” 標(biāo)簽與“ b” 標(biāo)簽是同一個(gè)標(biāo)簽。 (4)包含在開始標(biāo)簽與結(jié)束標(biāo)簽之間的文本才是受標(biāo)簽元素影響的文本。結(jié)束標(biāo)簽里只包含 HTML元素，不包含元素的屬性，并且在元素之前要增加一個(gè)“ /” 符號(hào)。例如，以下代碼： b你好 /b，晚上好 !thanks謝謝 ,我很好。并不是每個(gè)元素都會(huì)包含屬性，如“ b” 標(biāo)簽與“ br” 標(biāo)簽里的元素都是不包含屬性的。下面先講一下使用 HTML標(biāo)簽的注意事項(xiàng)： (1)標(biāo)簽都是以“ ” 開始，以“ ” 結(jié)束的字符串，在“ ” 與“ ”之間是 HTML的元素及其屬性。 HTML語(yǔ)言使用描述性的標(biāo)記符（稱為標(biāo)簽）來(lái)指明文檔的不同內(nèi)容，這些標(biāo)記用尖括號(hào)括起來(lái)使用特定的字符表示特定的含義，并且不區(qū)分大小寫。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 第 1 章 (X)HTML基礎(chǔ) 基本標(biāo)記 1. (X)HTML標(biāo)記概述 HTML是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)的縮寫，可以滿足跨平臺(tái)的需要，使 Web頁(yè)面在各種系統(tǒng)上都能瀏覽。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 常用的瀏覽器 4. Firefox瀏覽器 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 第 1部分 (X)HTML語(yǔ)言 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 (X)HTML語(yǔ)言 HTML語(yǔ)言是 Web頁(yè)面的基礎(chǔ)，開發(fā)的 Web頁(yè)面最終要轉(zhuǎn)換為 HTML語(yǔ)言顯示在客戶端的瀏覽器上。 HTML語(yǔ)言就是由很多類似于這樣的標(biāo)簽組成的，學(xué)習(xí) HTML語(yǔ)言的過(guò)程也就是學(xué)習(xí)這些標(biāo)簽、了解這些標(biāo)簽的過(guò)程。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 HTML的組成 HTML是標(biāo)記性語(yǔ)言，是由眾多標(biāo)簽組成的，例如 “ b你好 /b”這幾個(gè)文字，在網(wǎng)頁(yè)上只會(huì)顯示 “ 你好 ” 兩個(gè)字，并且這兩個(gè)字將會(huì)顯示成為粗體。當(dāng)打開一個(gè)網(wǎng)頁(yè)時(shí)，看到的圖片、聽到的音頻，可能存放在計(jì)算機(jī)中不同目錄下的不同文件，但是都可以呈現(xiàn)在同一個(gè)網(wǎng)頁(yè)中。雖然目前有很多種用來(lái)編寫交互性網(wǎng)站的語(yǔ)言，如 asp、 jsp、 php、 ，但是追根到底，用這些語(yǔ)言編寫出來(lái)的程序也是生成一個(gè)標(biāo)準(zhǔn)的 HTML網(wǎng)頁(yè)來(lái)傳遞給瀏覽者觀看。兩站的第一個(gè)網(wǎng)頁(yè)稱為首頁(yè)。 網(wǎng)頁(yè)的表現(xiàn)形式很豐富，可以是文字，也可以是圖片，甚至可以將一些多媒體文件如音頻、視頻等插入到網(wǎng)頁(yè)里。比如訪問(wèn)百度網(wǎng)站，看到的就是百度網(wǎng)站所編寫的網(wǎng)頁(yè)。