【正文】 數(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ǔ)言。雖然目前有很多種用來(lái)編寫交互性網(wǎng)站的語(yǔ)言，如 asp、 jsp、 php、 ，但是追根到底，用這些語(yǔ)言編寫出來(lái)的程序也是生成一個(gè)標(biāo)準(zhǔn)時(shí)HTML網(wǎng)頁(yè)來(lái)傳遞給瀏覽者觀看。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 (2) 如何在網(wǎng)頁(yè)中添加空格 如果要在網(wǎng)頁(yè)中顯示空格，必須要以“ ”來(lái)代替空格。將以上代碼修改如下： b粗體 /b＆ nbsp。 i斜體 /ibr HTML(Hyper Text Markup Language)是超文本標(biāo)記語(yǔ)言 ， 是用來(lái)編寫網(wǎng)頁(yè)的語(yǔ)言 。 雖然目前有很多種用來(lái)編寫交互性網(wǎng)站的語(yǔ)言 ， 如asp、 jsp、 php、 ， 但是追根到底 ， 用這些語(yǔ)言編寫出來(lái)的程序也是生成一個(gè)標(biāo)準(zhǔn)時(shí) HTML網(wǎng)頁(yè)來(lái)傳遞給 瀏覽者觀看 。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 (3)轉(zhuǎn)義字符 除了空格之外，在 HTML代碼里常用到的“ ”、“ ”、“ ”這 3個(gè)符號(hào)，在輸出到瀏覽器時(shí)都必須要轉(zhuǎn)換一下才可以使用，這類字符稱之為轉(zhuǎn)義字符。下表里列出了需要轉(zhuǎn)換的字符。 字 符 轉(zhuǎn)義字符 空格 amp。 amp。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 字符 說(shuō)明 字符實(shí)體名 數(shù)字表示 無(wú)斷行空格 162。 美分符號(hào) 162。 162。 163。 英鎊符號(hào) 163。 163。 174。 注冊(cè)符號(hào) amp。reg。 176。 度 amp。deg 178。 平方符號(hào) amp。sup2 179。 立方符號(hào) amp。sup3 165。 元符號(hào) amp。yen。 167。 節(jié)符號(hào) amp。sect。 169。 版權(quán)符號(hào) 169。 169。 amp。 and符號(hào) amp。 amp。 小于符號(hào) 大于符號(hào) € 歐元符號(hào) amp。euro。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 注釋 在 HTML語(yǔ)言里，可以使用“ !”與“ ”來(lái)注釋代碼 html head ! 這個(gè)是網(wǎng)頁(yè)的標(biāo)題 title第一個(gè)網(wǎng)頁(yè) /title /head body ! 在此可以輸入網(wǎng)頁(yè)的內(nèi)容 該網(wǎng)頁(yè)的內(nèi)容會(huì)在瀏覽器中顯示出來(lái) 這是我創(chuàng)建的第一個(gè)網(wǎng)頁(yè)。 /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è)基本元素的含義和用法。 html元素 html元素用于聲明該文檔是一個(gè) html文檔。一個(gè) html文檔的第一行都應(yīng)該是 html 標(biāo)簽，標(biāo)志著 html文檔開始；最后一行應(yīng)該是 /html結(jié)束標(biāo)簽，標(biāo)志著 html文檔結(jié)束。HTML文件的擴(kuò)展名為 .htm或 .html。 注意：現(xiàn)在的瀏覽器的糾錯(cuò)功能實(shí)在是太強(qiáng)了，就算HTML文檔里沒(méi)有 html元素，它們一樣可以把擴(kuò)展名為 .htm或 .html的文件當(dāng)作 HTML文檔來(lái)讀取并顯示。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 HTML元素包含兩個(gè)部分 : 一部分是標(biāo)頭部分，用于描述 HTML文檔，不在瀏覽器中直接顯示； 另一部分是正文部分，該部分的內(nèi)容除標(biāo)簽與注釋之外，都會(huì)在瀏覽器中直接顯示出來(lái)。 標(biāo)頭部分是用“ head/head”標(biāo)簽標(biāo)識(shí)的部分，正文部分是用“ body/body”標(biāo)簽標(biāo)識(shí)的部分。 head元素 head元素用于標(biāo)記 HTML文檔的標(biāo)頭部分，標(biāo)頭部分可以包含文檔的標(biāo)題、作者、參考信息等內(nèi)容，一般來(lái)說(shuō)；多數(shù)HTML文件只在標(biāo)頭部分包含了標(biāo)題信息。 在標(biāo)頭部分除了可以放置標(biāo)題、作者、參考信息之外，還可以放置如腳本、文檔樣式等不需要直接在瀏覽器里輸出的所有信息。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 title元素用于標(biāo)記 HTML文檔的標(biāo)題，其標(biāo)注內(nèi)容會(huì)在瀏覽器的標(biāo)題欄里顯示出來(lái)。雖然在一個(gè) HTML文檔里，可以省略標(biāo)題標(biāo)簽，但是這個(gè)標(biāo)題常用來(lái)對(duì)文檔進(jìn)行索引和參考，因此還是建議每個(gè)網(wǎng)頁(yè)編寫者都不要省略該元素，并且標(biāo)題越細(xì)致越好。 “ title/title”標(biāo)簽應(yīng)該放置在“ head/head”標(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)。 ? “ body/body”標(biāo)簽不應(yīng)該放在“ head/head”標(biāo)簽內(nèi)，“ head/head”標(biāo)簽也不應(yīng)該放在“ body/body”標(biāo)簽內(nèi)。 ? body元素包含的是正文部分，當(dāng)瀏覽器查看 HTML文檔時(shí)：也只會(huì)顯示正文部分的內(nèi)容，在以后學(xué)到的其他 html元素也都是放在“ body/body”標(biāo)簽內(nèi)的。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 第 2章 設(shè)置文本格式 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 分段標(biāo)記 p 屬性 =值 …/p 段落是文檔的基本信息單位。文檔中原有的回車和換行均被忽略，分段標(biāo)記定義一個(gè)新段落，換行并插入一個(gè)空行。 align=段落的水平對(duì)齊方式 其值如下 : left: 左對(duì)齊（默認(rèn)值） center: 對(duì)中 right: 右對(duì)齊 justify: 兩邊對(duì)齊 省略該屬性，則取默認(rèn)值。 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)容在下一次顯示的。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 【 例 】 分段標(biāo)記和換行標(biāo)記的演示。 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)和的顏色等。常用屬性如下： ? face=“字體名表” (字體名之間用“ ,”分隔 ) 瀏覽器首先使用字體名表中的第 1種字體來(lái)顯示標(biāo)記內(nèi)的文本。如果在運(yùn)行瀏覽器的計(jì)算機(jī)上沒(méi)有安裝第 1種字體，則會(huì)嘗試字體名表中的第 2種字體，直至找到匹配字體。如果到達(dá)列表結(jié)束，仍然找不到匹配字體，瀏覽器將使用默認(rèn)字體。 ? size=“字號(hào)值” size屬性指定字體的大?。ㄗ痔?hào)），其值從 1~7，默認(rèn)值為 3。 size值越大，顯示的字號(hào)就越大。也可以使用 +或 –號(hào)來(lái)指定相對(duì)字號(hào)，相對(duì)于基本字體（ basefont）的大小。例如： ? color=“顏色值” 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 例 字體大小的設(shè)置 html head title 文字大小 /title /head body 這是默認(rèn)文字大小 br font size=11 號(hào)字體大小 /fontbr font size=22 號(hào)字體大小 /fontbr font size=33 號(hào)字體大小 /fontbr font size=44 號(hào)字體大小 /fontbr font size=55 號(hào)字體大小 /fontbr font size=66 號(hào)字體大小 /fontbr font size=77 號(hào)字體大小 /fontbr /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 【 例 】 使用字體標(biāo)記來(lái)設(shè)置文本的字體。 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)和顏色。 html head title設(shè)置字體、字號(hào)和顏色 /title /head body font align=center size=7設(shè)置字體、字號(hào)和顏色 /font br font face=黑體 , 楷體 GB2312, 仿宋 GB2312 size=5 color=red設(shè)置的中文字體 /fontbr font face=Arial,Tahoma,Times New Roman size=6 color=RGB(0,255,0) English FONT Demo. pGood night! 晚安！ /p /font /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 設(shè)置文字的顏色 顏色可以有兩種表示方法：顏色名稱與 RGB顏色數(shù)值。顏色名稱就是類似于 red、 blue等顏色的英文名。 RGB顏色是由紅色、綠色、藍(lán)色的組合來(lái)指定的一種顏色，任何一種顏色都可以用 0～ 255之間的一個(gè)數(shù)值來(lái)表示，但必須使用十六進(jìn)制的數(shù)字來(lái)表示這些組合。例如，一種顏色的 RGB代碼為 “ FFC0CB”，這代表是用用強(qiáng)度為 FF(也就是 255)的紅色、強(qiáng)度為 C0的綠色與強(qiáng)度為 CB的藍(lán)色混合成的顏色，也就是粉紅色。 注意：使用 RGB顏色，必須在十六進(jìn)制組合前加上 字符。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 幾乎所有瀏覽器都能識(shí)別以下 16種預(yù)定義的顏色： white (白色 )、 red (紅色 )、 yellow(黃色 )、 blue(藍(lán)色 )、 navy(深藍(lán)色 )、 green(綠色 )、 lime(