【正文】 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來設(shè)置文本的字符格式，主要包括字體、字號(hào)和的顏色等。 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)記來設(shè)置文本的字體、字號(hào)和顏色。 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é)院 【 例 】 各種水平線的演示。 /body /html 在 IE瀏覽器里不支持該元素 ， 因此在 IE瀏覽器里瀏覽該網(wǎng)頁時(shí)是不會(huì)顯示出閃爍的效果的 。 ● bgcolor：用于設(shè)置滾動(dòng)文字的背景顏色。 ● scrollamount：用于設(shè)置每次滾屏?xí)r移動(dòng)的像素個(gè)數(shù)。通常在瀏覽器中，使用藍(lán)色 (0000FF)作為默認(rèn)的超級(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)頁的邊距。 ◆ title：用于設(shè)置超級(jí)鏈接的標(biāo)題。 “ _parent”和“ _top”兩個(gè)屬性值與框架頁面相關(guān)，分別代表在父級(jí)窗口、頂級(jí)窗口打開鏈接。 (3)反過來，如果在 font元素里包含超級(jí)鏈接元素， font元素里的顏色屬性也會(huì)失效。 ◆ width：指定圖片的寬度。 src屬性用于指定圖片的位置，其值可以是絕對(duì)路徑或相對(duì)路徑。使用 img元素的 alt屬性可以為圖片指定文本說明，當(dāng)圖片無法顯示或用戶禁止顯示圖片時(shí)，可以用該文字來替代圖片顯示在瀏覽器中。 當(dāng) align屬性值為 top、 middle或 bottom時(shí)，設(shè)置圖片在垂直位置上的對(duì)齊方式，其中 align屬性值為 top時(shí)是頂部對(duì)齊方式，為 middle時(shí)是中間對(duì)齊方式、為 bottom時(shí)是底部對(duì)齊方式。另一種是將圖片劃分為多個(gè)區(qū)域，單擊圖片不同的位置將會(huì)跳轉(zhuǎn)到不同的鏈接之上。夜來風(fēng)雨聲，花落知多少。在 HTML 為 align指定了 5個(gè)三屬性值： left、 right、top、 middle和 bottom，其代表含義分別為左對(duì)齊、右對(duì)齊、頂部、中間和底部對(duì)齊方式。請(qǐng)看以下代碼 ： 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 html headtitle縮放圖 /title/head body p 原圖大小 :br img src=img/ /p p 圖片縮小 :br img src=img/ width=200 height=200 /p p 圖片放大 :br img src=img/ width=600 height=“100% /p /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 使用 width屬性與 height屬性雖然可以將原圖放大或縮小，但這種作法也有缺陷： (1)使用 width屬性與 height屬性將原圖放大或縮小時(shí)，并沒有改變圖本身的精度，假設(shè)原圖為 256色，大小為 10KB，縮小后該圖還是 256色，大小也還是 10KB，即使把圖縮小了，下載圖片的速度還是一樣，并不會(huì)因?yàn)閳D縮小后就可以下載得快些。 ◆ border：指定圖片的邊框大小。請(qǐng)看以下代碼 html head title使用超鏈接的注意事項(xiàng) /title/head body a href=a href=超級(jí)鏈接嵌套之后只能識(shí)別最里層的鏈接 /abr a href= color=teal已訪問過的超級(jí)鏈接 /font/abr a href= color=teal未訪問過的超級(jí)鏈接 /font/abr font color=teala href=超級(jí)鏈接 /a/fontbr font color=teala href=級(jí)鏈接 /a/fontbr /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 HTML中的圖片 在一個(gè)漂亮的網(wǎng)頁上面，永遠(yuǎn)不可能缺少圖片，圖片可美化網(wǎng)頁，越是漂亮的網(wǎng)頁，才越能吸引眼球。 (1)超級(jí)鏈接元素與所有其他 HTML元素一樣，可以嵌套使用，不過瀏覽器只識(shí)別在嵌套最里層的超級(jí)鏈接，請(qǐng)看下面的例子： a href=“”a href=“”例題/a/a 雖然為 “ 例題 ” 指定了兩個(gè)超級(jí)鏈接，但是有用的只是最里面的那個(gè)。 從上面的超級(jí)鏈接語法代碼可以看出，一個(gè)超級(jí)鏈接的組成主要包括目標(biāo)地址、鏈接文字、標(biāo)題說明、目標(biāo)窗口以及錨。 body的屬性 topmargin leftmargin 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 HTML中的超級(jí)鏈接 超級(jí)鏈接是 Inter里最重要的組成部分， HTML有了超級(jí)鏈接才顯得與眾不同。該屬性告訴瀏覽者，該超級(jí)鏈接所指向的 URL是已經(jīng)訪問過的 URL。 數(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í)間長一點(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)。 ● height：用于設(shè)置滾動(dòng)區(qū)域的高度。 數(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預(yù)格式化 /title /head body 春 曉 春眠不覺曉，處處聞蹄鳥。 /h4 /body /html 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 對(duì)中標(biāo)記 center…/center 標(biāo)記中間的內(nèi)容全部對(duì)中。顏色名稱就是類似于 red、 blue等顏色的英文名。如果在運(yùn)行瀏覽器的計(jì)算機(jī)上沒有安裝第 1種字體，則會(huì)嘗試字體名表中的第 2種字體，直至找到匹配字體。 ? body元素包含的是正文部分，當(dāng)瀏覽器查看 HTML文檔時(shí)：也只會(huì)顯示正文部分的內(nèi)容，在以后學(xué)到的其他 html元素也都是放在“ body/body”標(biāo)簽內(nèi)的。 標(biāo)頭部分是用“ head/head”標(biāo)簽標(biāo)識(shí)的部分，正文部分是用“ body/body”標(biāo)簽標(biāo)識(shí)的部分。euro。sect。 平方符號(hào) amp。 英鎊符號(hào) 163。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 (3)轉(zhuǎn)義字符 除了空格之外，在 HTML代碼里常用到的“ ”、“ ”、“ ”這 3個(gè)符號(hào)，在輸出到瀏覽器時(shí)都必須要轉(zhuǎn)換一下才可以使用，這類字符稱之為轉(zhuǎn)義字符。 如： body bgcolor=“red”… /body font size= “7”… /font 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 空格與特殊字符 HTML中的空格與“ ”、“ ”、“ ”等字符都是比較特殊的字符，這些字符在 HTML的源碼里需要特別處理。其中 size 屬性指定文字大小，其值可以為 17。red39。 (4)包含在開始標(biāo)簽與結(jié)束標(biāo)簽之間的文本才是受標(biāo)簽元素影響的文本。下面先講一下使用 HTML標(biāo)簽的注意事項(xiàng)： (1)標(biāo)簽都是以“ ” 開始，以“ ” 結(jié)束的字符串，在“ ” 與“ ”之間是 HTML的元素及其屬性。 HTML語言就是由很多類似于這樣的標(biāo)簽組成的，學(xué)習(xí) HTML語言的過程也就是學(xué)習(xí)這些標(biāo)簽、了解這些標(biāo)簽的過程。兩站的第一個(gè)網(wǎng)頁稱為首頁。 Web服務(wù)是 Inter中的一個(gè)服務(wù)，只是這個(gè)服務(wù)實(shí)在是運(yùn)用得太廣了，以至于很多人都把 Web看成是 Inter了。 數(shù)學(xué)與計(jì)算機(jī)科學(xué)技術(shù)學(xué)院 什