【正文】 html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 字體標(biāo)記 font 屬性 =值 ……/font 使用字體標(biāo)記 font來(lái)設(shè)置文本的字符格式，主要包括字體、字號(hào)和的顏色等。 注意：現(xiàn)在的瀏覽器的糾錯(cuò)功能實(shí)在是太強(qiáng)了，就算HTML文檔里沒(méi)有 html元素，它們一樣可以把擴(kuò)展名為 .htm或 .html的文件當(dāng)作 HTML文檔來(lái)讀取并顯示。 167。 162。如 ： hr width=80% (3) 標(biāo)記名稱 …/ 標(biāo)記名稱 對(duì)稱型，無(wú)設(shè)置值?！薄ㄆ饋?lái)，也可以不用。 HTML語(yǔ)言使用描述性的標(biāo)記符（稱為標(biāo)簽）來(lái)指明文檔的不同內(nèi)容，這些標(biāo)記用尖括號(hào)括起來(lái)使用特定的字符表示特定的含義，并且不區(qū)分大小寫。 網(wǎng)頁(yè)的表現(xiàn)形式很豐富，可以是文字，也可以是圖片，甚至可以將一些多媒體文件如音頻、視頻等插入到網(wǎng)頁(yè)里。 Web使用的是 HTTP即超文本傳輸協(xié)議，使用該協(xié)議可以將文檔中的不同部分或不同文檔之間用鏈接建立聯(lián)系，使信息可以用交互的方式進(jìn)行搜索。 HTML也不是一成不變的，隨著網(wǎng)絡(luò)技術(shù)的發(fā)展， HTML自身也在發(fā)展，目前 HTML的最高版本是 HTML 。如，“ b” 標(biāo)簽的意思是加粗字體，那么只有包含在“ b” 標(biāo)簽與“ /b” 標(biāo)簽之間的文字才會(huì)被加粗， 在“ B” 標(biāo)簽與“ /b”標(biāo)簽之外的文字，不受“ b” 標(biāo)簽與“ /b” 標(biāo)簽的影響。由于在 font元素里同時(shí)指定了 color 與 size屬性，所以包含在 font color=blue size=7標(biāo)簽與 /font標(biāo)簽里的文字既是藍(lán)色又是 7號(hào)大小的字。下表里列出了需要轉(zhuǎn)換的字符。sup2 179。 數(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è)。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 第 2章 設(shè)置文本格式 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 分段標(biāo)記 p 屬性 =值 …/p 段落是文檔的基本信息單位。 RGB顏色是由紅色、綠色、藍(lán)色的組合來(lái)指定的一種顏色，任何一種顏色都可以用 0～ 255之間的一個(gè)數(shù)值來(lái)表示，但必須使用十六進(jìn)制的數(shù)字來(lái)表示這些組合。 夜來(lái)風(fēng)雨聲，花落知多少。 通常在瀏覽器中，使用紫色 (800080)作為默認(rèn)的已訪問(wèn)過(guò)的超級(jí)鏈接文字的顏色。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 href設(shè)置目標(biāo)地址 在一個(gè)超級(jí)鏈接里，最重要的部分是目標(biāo)地址。制作網(wǎng)頁(yè)的目的就是給人看，制作漂亮的網(wǎng)頁(yè)的目的就是給更多人看。 (2)如果圖片放大了，其精度也沒(méi)有放大，因此放得越大的圖片就會(huì)越模糊不清。 hr 以下是中間對(duì)齊方式 :br img src=img/ align=middle width=200 height=150 alt=可美麗的風(fēng)景 春眠不覺(jué)曉，處處聞啼鳥(niǎo)。 br /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 垂直對(duì)齊方式 align屬性除了可以設(shè)置水平位置上的對(duì)齊方式之外，還可以設(shè)置垂直方向的對(duì)齊方式。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 圖片位置 在使用 img元素插入圖片時(shí)一定要指明圖片所在的位置，即， img標(biāo)簽里必須包括 src屬性。本例中超級(jí)鏈接只會(huì)顯示紅色，無(wú)論是訪問(wèn)過(guò)的網(wǎng)頁(yè)鏈接還是沒(méi)有訪問(wèn)過(guò)的網(wǎng)頁(yè)鏈接。 ◆ href：用于設(shè)置超級(jí)鏈接的鏈接地址。該屬性告訴瀏覽者該文字是一個(gè)超級(jí)鏈接，并且該超級(jí)鏈接是未訪問(wèn)過(guò)的超級(jí)鏈接，單擊這個(gè)文字會(huì)將瀏覽者帶到另一個(gè)網(wǎng)頁(yè)上。 ● behavior：用于設(shè)置 marquee的滾動(dòng)方式，其值可以為： scroll(連續(xù)滾動(dòng) )、 slide(滾動(dòng)一次 )或 alternate(來(lái)回滾動(dòng) )。 常用屬性如下： ? align=段落的水平對(duì)齊方式 其值如下： left: 左對(duì)齊（默認(rèn)值） center: 對(duì)中 right: 右對(duì)齊 ? color=線的顏色 ? noshade=顯示一條無(wú)陰影的實(shí)線 ? size=線的寬度 (以像素為單位 ) ? width=線的長(zhǎng)度 (像素或百分比 (占頁(yè)面寬度的百分?jǐn)?shù) ))。例如： ? 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è)置文本的字體。 “ title/title”標(biāo)簽應(yīng)該放置在“ head/head”標(biāo)簽內(nèi)。 and符號(hào) amp。 176。將以上代碼修改如下： b粗體 /b＆ nbsp。 title=this is my html a href= title=this is my html 以上代碼里，第一行標(biāo)簽里的 title屬性的值為 this is my html，而第二行標(biāo)簽里的 title 屬性的值為 this。 /thanks 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 (3)大多數(shù)標(biāo)簽都是成對(duì)出現(xiàn)的，如上面的“ b” 標(biāo)簽與“ b” 標(biāo)簽就是一對(duì)標(biāo)簽，其中“ b” 標(biāo)簽是開(kāi)始標(biāo)簽，“ /b” 標(biāo)簽是結(jié)束標(biāo)簽。這就是描述語(yǔ)言的力量。 Inter本身可以提供多種網(wǎng)絡(luò)服務(wù)， Web就是其中的一種。雖然目前有很多種用來(lái)編寫交互性網(wǎng)站的語(yǔ)言，如 asp、 jsp、 php、 ，但是追根到底，用這些語(yǔ)言編寫出來(lái)的程序也是生成一個(gè)標(biāo)準(zhǔn)的 HTML網(wǎng)頁(yè)來(lái)傳遞給瀏覽者觀看。并不是每個(gè)元素都會(huì)包含屬性，如“ b” 標(biāo)簽與“ br” 標(biāo)簽里的元素都是不包含屬性的?！崩ㄆ饋?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ǔ)言。 174。 版權(quán)符號(hào) 169。 在標(biāo)頭部分除了可以放置標(biāo)題、作者、參考信息之外，還可以放置如腳本、文檔樣式等不需要直接在瀏覽器里輸出的所有信息。 ? size=“字號(hào)值” size屬性指定字體的大?。ㄗ痔?hào)），其值從 1~7，默認(rèn)值為 3。 html head titlecenter標(biāo)記演示 /title /head body 下面是 center標(biāo)記演示 center h1 h1標(biāo)題演示 /h1 h2 h2標(biāo)題演示 /h2 h3 align=left h3標(biāo)題演示 /h3 h4h4標(biāo)題演示 /h4 h5h5標(biāo)題演示 /h5 /center h6 h6標(biāo)題演示 /h6 /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 塊標(biāo)記 div 屬性 =值 ……/div 定義文檔塊。39。 夜來(lái)風(fēng)雨聲，花落知多少。超級(jí)鏈接不僅僅可以鏈接網(wǎng)頁(yè)，還可以鏈接圖片、視頻、音頻，甚至是任何一種文件。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 (2)在超級(jí)鏈接元素里還可以包含其他 HTML元素，如以下代碼： a href= color=red已訪問(wèn)過(guò)的超級(jí)鏈接 /font/a 在上面這行代碼里，超級(jí)鏈接元素里還包含了一個(gè) font元素。 ◆ name：圖片的名稱，很多時(shí)候可以省略。 br 夜來(lái)風(fēng)雨聲，花落知多少。夜來(lái)風(fēng)雨聲，花落知多少。不過(guò)該邊框常常會(huì)影響圖片的顯示效果，因此可以通過(guò) img元素的 border屬性來(lái)去掉該邊框。 ◆ src：用于指定圖片所在位置，可以是相對(duì)路徑或絕對(duì)路徑。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 html head title超級(jí)鏈接 /title /head body a href=“ title=“單擊此處進(jìn)入西華大學(xué)的網(wǎng)站首頁(yè)” target=“_blank” name=“xhu”西華大學(xué) /a /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 設(shè)置打開(kāi)鏈接的窗口 使用 a元素的 target屬性可以實(shí)現(xiàn)打開(kāi)鏈接窗口的情況，TARGET的屬性值包括 4種： “ _bank”、“ _self”、“ _parent”和“ top”4種。通常在瀏覽器中，使用藍(lán)色 (0000FF)作為默認(rèn)的活動(dòng)超級(jí)鏈接文字的顏色。 ● vspace：用于設(shè)置滾動(dòng)區(qū)域與其他內(nèi)容的垂直空白區(qū)域的像素個(gè)數(shù)。 /pre /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 特殊效果 1 設(shè)置文字閃爍 使用 blink元素可以使網(wǎng)頁(yè)中的文字閃爍，通常用來(lái)設(shè)置比較重要的超級(jí)鏈接或文本。 數(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(深青色 )。 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)容在下一次顯示的。一個(gè) html文檔的第一行都應(yīng)該是 html 標(biāo)簽，標(biāo)志著 html文檔開(kāi)始；最后一行應(yīng)該是 /html結(jié)束標(biāo)簽，標(biāo)志著 html文檔結(jié)束。 元符號(hào) amp。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 字符 說(shuō)明 字符實(shí)體名 數(shù)字表示 無(wú)斷行空格 162。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 HTML 控制標(biāo)記的格式 (1) 標(biāo)記名稱 單一型 , 無(wú)設(shè)置值的。 在使用元素的屬性時(shí)有以下幾點(diǎn)是值得注意的： (1)元素與元素屬性必須放在同一個(gè)標(biāo)簽里，也就是說(shuō)，元素屬性與元素都必須放在同一個(gè)“ ” 與“ ” 符號(hào)之內(nèi)。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 第 1 章 (X)HTML基礎(chǔ) 基本標(biāo)記 1. (X)HTML標(biāo)記概述 HTML是超文本標(biāo)記語(yǔ)言 (Hyper Text M