【正文】 么是 Web 從廣義上來說， Web是 World Wide Web的簡稱 (也可以簡稱為 “ W3”或 “ WWW”)。 網(wǎng)站是網(wǎng)頁的集合，多個網(wǎng)頁可以共同組成一個網(wǎng)站。 “ b”與 “ /b”是一對標(biāo)簽，該標(biāo)簽的作用是將包含在其中的文字顯示為粗體，而標(biāo)簽本身在網(wǎng)頁上并不會顯示出來。 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 1. (X)HTML標(biāo)記概述 html head title 這是標(biāo)題部分 /title /head body p這是正文部分 !/p /body /html 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 使用 HTML標(biāo)簽的注意事項： 因為 HTML是標(biāo)記性語言，所以 HTML是由眾多標(biāo)簽組成的，學(xué)習(xí) HTML語言也就是學(xué)習(xí)這些標(biāo)簽及其代表的含義的過程。并不是所有標(biāo)簽都是成對出現(xiàn)的，例如“ br” 標(biāo)簽就沒有結(jié)束標(biāo)簽，其含義為“換行”。以下 3行代碼的運行結(jié)果是一樣的： font color=red font color=39。 在上面例子里的 font color=blue size=7標(biāo)簽里， color與 size都是 font元素的屬性，它們可以同時出現(xiàn)在同一個標(biāo)簽里。 如： title…/title (4) 標(biāo)記名稱屬性 =“屬性值” …/ 標(biāo)記名稱 對稱型，有設(shè)置值。 雖然目前有很多種用來編寫交互性網(wǎng)站的語言 ， 如asp、 jsp、 php、 ， 但是追根到底 ， 用這些語言編寫出來的程序也是生成一個標(biāo)準(zhǔn)時 HTML網(wǎng)頁來傳遞給 瀏覽者觀看 。 163。deg 178。 節(jié)符號 amp。 小于符號 大于符號 € 歐元符號 amp。 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 HTML元素包含兩個部分 : 一部分是標(biāo)頭部分，用于描述 HTML文檔，不在瀏覽器中直接顯示； 另一部分是正文部分，該部分的內(nèi)容除標(biāo)簽與注釋之外，都會在瀏覽器中直接顯示出來。 ? “ body/body”標(biāo)簽不應(yīng)該放在“ head/head”標(biāo)簽內(nèi)，“ head/head”標(biāo)簽也不應(yīng)該放在“ body/body”標(biāo)簽內(nèi)。常用屬性如下： ? face=“字體名表” (字體名之間用“ ,”分隔 ) 瀏覽器首先使用字體名表中的第 1種字體來顯示標(biāo)記內(nèi)的文本。 html head title設(shè)置字體、字號和顏色 /title /head body font align=center size=7設(shè)置字體、字號和顏色 /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é)與計算機科學(xué)技術(shù)學(xué)院 設(shè)置文字的顏色 顏色可以有兩種表示方法：顏色名稱與 RGB顏色數(shù)值。 html head titleh1h6標(biāo)題演示 /title /head body 下面是標(biāo)題演示 h1 align=center H1標(biāo)題演示 /h1 h2 align=center H2標(biāo)題演示 /h2 h3 align=center H3標(biāo)題演示 /h3 h4 align=left H4標(biāo)題演示 /h4 h5 align=right H5標(biāo)題演示 /h5 h6 h6標(biāo)題演示 /h6 /body /html 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 font與 hn設(shè)置字體大小的區(qū)別，是font設(shè)置文字不會換行，而 hn要自動換行，并加粗，正因為如此， font標(biāo)簽可以為一段文字中的某幾個字設(shè)置大小，而標(biāo)題標(biāo)題 hn卻不行 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 例 html headtitle標(biāo)題元素與 font元素的比較 /title/head body h3font元素： /h3 font size=1font元素 /fontfont size=2可以/fontfont size=3為一段文字中的某幾個字 /fontfont size=4設(shè)置大小， /fontfont size=5如 /fontfont size=6現(xiàn)在 /fontfont size=7這段文字 /font h3標(biāo)題元素： /h3 h1不能將一段文字中的某幾個字設(shè)為不同的標(biāo)題，/h1h2如果設(shè)置的話， /hh3就不成為一段文字，/hh4而成為多段文字了。 html head title各種水平線的演示 /title /head body hr hr size = “2” width =“300” hr size = “6” width =“60%” noshade hr width=“90%” color=“red” /body /html 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 固體字體標(biāo)記 b…/b strong…/strong 加粗體文字 i…/i em… /em 使文字為斜體 big…/big 大字體 small…/small 小字體 . 樣式標(biāo)記 sup…/sup 上標(biāo) sub…/sub 下標(biāo) u…/u 下劃線 (反對使用 ) strike…/strike 刪除線 (反對使用 ) del…del 刪除線 (贊成使用 ) ins…ins 下劃線 (贊成使用 ) strike…/strike 可以簡寫成 s…/s 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 html head title上標(biāo)與下標(biāo) /title/head body font size=“4” 水的分子式是 : Hsub2/subO 3sup2/sup等于 9 /body /html 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 html head title刪除線與下劃線 /title/head body strike刪除線 /strike br u下劃線 /u br del刪除線 /del br ins插入線 /ins br s刪除線 /s br /body /html 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 原樣顯示標(biāo)記 pre…/pre 將包含其中的內(nèi)容 (包括回車和空格 )原樣顯示出來。 除了 IE瀏覽器 ， 其他三大瀏覽器 ， 即 Netscape、 Opera、 Firefox都支持該元素 。 ● direction：用于設(shè)置滾動文字的滾動方向，其值可以為 left(向左滾動 )、 right(向右滾動 )、 up(向上滾動 )或 down(向下滾動 )。 ● scrolldelay：用于設(shè)置兩次連續(xù)滾屏?xí)r的時間間隔。 ◆第二個屬性： vlink屬性。 網(wǎng)頁邊距與 Word文檔中的頁邊距類似，不過設(shè)置方式有點不同，在 Word中可以為文檔設(shè)置不同的左邊距、右邊距、上邊距和下邊距，而在網(wǎng)頁里，只能設(shè)置網(wǎng)頁的左邊距與上邊距，至于右邊距與下邊距，不同瀏覽器的處理方法不一樣，不過大多瀏覽器里的右邊距和下邊距會自動設(shè)為左邊距和上邊距一樣大小。 ◆ target：用于設(shè)置打開超級鏈接的目標(biāo)地址。 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 html head title超級鏈接 /title /head body a href=在當(dāng)前窗口里打開鏈接 /abr a href= target=_self在當(dāng)前窗口里打開鏈接 /abr a href= target=_blank在一個新建窗口里打開鏈接 /abr a href= target=samp在指定窗口里打開鏈接 /abr /body /html 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 使用超級鏈接的注意事項 在 HTML元素里超級鏈接元素的使用頻率很高，但是在使用時有些事項必須注意。如以下代碼只會顯示超級鏈接的 link和vlink屬性，而不會顯示紅色： font color=reda href=超級鏈接 /a/font 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 簡單一點說，當(dāng) HTML元素屬性有沖突時，最里層的屬性有效。 ◆ height：指定圖片的高度。 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 html head title插入圖片 /title/head body p 下面是一個美麗的風(fēng)景 :br img src=img/ /p p 下面是一個互聯(lián)網(wǎng)上的圖片 :br img src= /p p 下面是一個地址錯誤的圖片 :br img src=“ /p /body /html 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 設(shè)置圖片大小 使用 img元素的 width屬性與 height屬性可以設(shè)置圖片的大小，可以對圖片進(jìn)行簡單的縮放。 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 html head title圖片的文字說明 /title/head body 沒有指定寬度的圖 :br img src=img/ alt=可美麗的風(fēng)景 br 指定寬度的圖 :br img src=img/ width=200 height=150 alt=可美麗的風(fēng)景 br 指定寬度過小的圖 :br img src=img/ width=50 height=50 alt=可美麗的風(fēng)景 br /body /html 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 圖片的對齊方式 在 HTML里可以設(shè)置文字環(huán)繞圖片，與傳統(tǒng)媒體一樣，讓文字在圖片左側(cè)環(huán)繞或右側(cè)環(huán)繞，img元素的 align屬性就是用于設(shè)置這種環(huán)繞方式的。 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 html head title圖片的垂直對齊方式 /title /head body 以下是頂部對齊方式 :br img src=img/ align=top width=200 height=150 alt=可美麗的風(fēng)景 春眠不覺曉，處處聞啼鳥。 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 html head title圖片的鏈接 /title /head body a href= title=人民郵電出版社 img src=img/ /abr a href= title=人民郵電出版社 target=_blank img src=img/ border=0 /abr a href= title=人民郵電出版社 target=_blank img src=img/ border=0br西華大學(xué) /a /body /htm