【正文】 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 html head title圖片的垂直對(duì)齊方式 /title /head body 以下是頂部對(duì)齊方式 :br img src=img/ align=top width=200 height=150 alt=可美麗的風(fēng)景 春眠不覺曉，處處聞啼鳥。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 html head title插入圖片 /title/head body p 下面是一個(gè)美麗的風(fēng)景 :br img src=img/ /p p 下面是一個(gè)互聯(lián)網(wǎng)上的圖片 :br img src= /p p 下面是一個(gè)地址錯(cuò)誤的圖片 :br img src=“ /p /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 設(shè)置圖片大小 使用 img元素的 width屬性與 height屬性可以設(shè)置圖片的大小，可以對(duì)圖片進(jìn)行簡(jiǎn)單的縮放。如以下代碼只會(huì)顯示超級(jí)鏈接的 link和vlink屬性，而不會(huì)顯示紅色： font color=reda href=超級(jí)鏈接 /a/font 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 簡(jiǎn)單一點(diǎn)說，當(dāng) HTML元素屬性有沖突時(shí)，最里層的屬性有效。 ◆ target：用于設(shè)置打開超級(jí)鏈接的目標(biāo)地址。 ◆第二個(gè)屬性： vlink屬性。 ● direction：用于設(shè)置滾動(dòng)文字的滾動(dòng)方向，其值可以為 left(向左滾動(dòng) )、 right(向右滾動(dòng) )、 up(向上滾動(dòng) )或 down(向下滾動(dòng) )。 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é)與計(jì)算機(jī)科學(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 下劃線 (反對(duì)使用 ) strike…/strike 刪除線 (反對(duì)使用 ) del…del 刪除線 (贊成使用 ) ins…ins 下劃線 (贊成使用 ) strike…/strike 可以簡(jiǎn)寫成 s…/s 數(shù)學(xué)與計(jì)算機(jī)科學(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é)與計(jì)算機(jī)科學(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é)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 原樣顯示標(biāo)記 pre…/pre 將包含其中的內(nèi)容 (包括回車和空格 )原樣顯示出來。 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ù)值。 ? “ body/body”標(biāo)簽不應(yīng)該放在“ head/head”標(biāo)簽內(nèi)，“ head/head”標(biāo)簽也不應(yīng)該放在“ body/body”標(biāo)簽內(nèi)。 小于符號(hào) 大于符號(hào) € 歐元符號(hào) amp。deg 178。 雖然目前有很多種用來編寫交互性網(wǎng)站的語言 ， 如asp、 jsp、 php、 ， 但是追根到底 ， 用這些語言編寫出來的程序也是生成一個(gè)標(biāo)準(zhǔn)時(shí) HTML網(wǎng)頁來傳遞給 瀏覽者觀看 。 在上面例子里的 font color=blue size=7標(biāo)簽里， color與 size都是 font元素的屬性，它們可以同時(shí)出現(xiàn)在同一個(gè)標(biāo)簽里。并不是所有標(biāo)簽都是成對(duì)出現(xiàn)的，例如“ br” 標(biāo)簽就沒有結(jié)束標(biāo)簽，其含義為“換行”。 “ b”與 “ /b”是一對(duì)標(biāo)簽，該標(biāo)簽的作用是將包含在其中的文字顯示為粗體，而標(biāo)簽本身在網(wǎng)頁上并不會(huì)顯示出來。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 什么是 Web 從廣義上來說， Web是 World Wide Web的簡(jiǎn)稱 (也可以簡(jiǎn)稱為 “ W3”或 “ WWW”)。兩站的第一個(gè)網(wǎng)頁稱為首頁。下面先講一下使用 HTML標(biāo)簽的注意事項(xiàng)： (1)標(biāo)簽都是以“ ” 開始，以“ ” 結(jié)束的字符串，在“ ” 與“ ”之間是 HTML的元素及其屬性。red39。 如： body bgcolor=“red”… /body font size= “7”… /font 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 空格與特殊字符 HTML中的空格與“ ”、“ ”、“ ”等字符都是比較特殊的字符，這些字符在 HTML的源碼里需要特別處理。 英鎊符號(hào) 163。sect。 標(biāo)頭部分是用“ head/head”標(biāo)簽標(biāo)識(shí)的部分，正文部分是用“ body/body”標(biāo)簽標(biāo)識(shí)的部分。如果在運(yùn)行瀏覽器的計(jì)算機(jī)上沒有安裝第 1種字體，則會(huì)嘗試字體名表中的第 2種字體，直至找到匹配字體。 /h4 /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 對(duì)中標(biāo)記 center…/center 標(biāo)記中間的內(nèi)容全部對(duì)中。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 滾動(dòng)文字 使用 marquee元素可以使網(wǎng)頁里的文字進(jìn)行滾動(dòng)，就像電子屏幕上的滾動(dòng)字幕一樣，滾動(dòng)方式可以橫向滾動(dòng)，也可以縱向滾動(dòng)。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 html head title滾動(dòng)文字 /title/head body marquee默認(rèn)的滾動(dòng)方式 /marquee marquee behavior=alternate來回滾動(dòng) /marquee marquee width=300 height=100 bgcolor=red 背景顏色為紅色 /marquee marquee direction=right 從左向右滾動(dòng) /marquee marquee loop=3 只滾動(dòng)三次 /marquee marquee scrollamount=1慢慢滾動(dòng) /marquee marquee scrolldelay=10間隔時(shí)間長(zhǎng)一點(diǎn)的滾動(dòng)/marquee 滾動(dòng)開始 marquee width=300 height=100 hspace=20 vspace=5 bgcolor=red direction=down滾動(dòng)文字 /marquee 滾動(dòng)結(jié)束 /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 注意：在“ marquee /marquee”標(biāo)簽里不但可以放置文字，還可以放置圖片、表格等，讓其滾動(dòng)。 body的屬性 topmargin leftmargin 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 HTML中的超級(jí)鏈接 超級(jí)鏈接是 Inter里最重要的組成部分， HTML有了超級(jí)鏈接才顯得與眾不同。 (1)超級(jí)鏈接元素與所有其他 HTML元素一樣，可以嵌套使用，不過瀏覽器只識(shí)別在嵌套最里層的超級(jí)鏈接，請(qǐng)看下面的例子： a href=“”a href=“”例題/a/a 雖然為 “ 例題 ” 指定了兩個(gè)超級(jí)鏈接，但是有用的只是最里面的那個(gè)。 ◆ border：指定圖片的邊框大小。在 HTML 為 align指定了 5個(gè)三屬性值： left、 right、top、 middle和 bottom，其代表含義分別為左對(duì)齊、右對(duì)齊、頂部、中間和底部對(duì)齊方式。另一種是將圖片劃分為多個(gè)區(qū)域，單擊圖片不同的位置將會(huì)跳轉(zhuǎn)到不同的鏈接之上。使用 img元素的 alt屬性可以為圖片指定文本說明，當(dāng)圖片無法顯示或用戶禁止顯示圖片時(shí)，可以用該文字來替代圖片顯示在瀏覽器中。 ◆ width：指定圖片的寬度。 “ _parent”和“ _top”兩個(gè)屬性值與框架頁面相關(guān)，分別代表在父級(jí)窗口、頂級(jí)窗口打開鏈接。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 html head title設(shè)置超級(jí)鏈接顏色 /title /head body link=FF0000 vlink=Olive alink=00FFFF a href= /abr a href= /abr a href= /abr /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 絕對(duì)路徑與相對(duì)路徑 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 meta標(biāo)簽 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 網(wǎng)頁邊距 在使用瀏覽器瀏覽網(wǎng)頁時(shí)，都會(huì)在文本與瀏覽器邊框之間預(yù)留一些空白，這些空白就是網(wǎng)頁的邊距。 ● scrollamount：用于設(shè)置每次滾屏?xí)r移動(dòng)的像素個(gè)數(shù)。 /body /html 在 IE瀏覽器里不支持該元素 ， 因此在 IE瀏覽器里瀏覽該網(wǎng)頁時(shí)是不會(huì)顯示出閃爍的效果的 。 align=段落的水平對(duì)齊方式 其值如下： ? left: 左對(duì)齊（默認(rèn)值） ? center: 對(duì)中 ? right: 右對(duì)齊 ? justify: 兩邊對(duì)齊 數(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 /