【正文】 ld。fontweight:bold。fontvariant:smallcaps 7. hongen 8. /p 9. /Body 顏色和背景屬性 CSS下的顏色和背景屬性 示例 1. Body 2. p align=center style=color:rgb(204,82,28)。fontweight:bold。 4. fontstyle:oblique。 5. fontsize:24pt 6. 設(shè)置背景圖 7. /p 8. /Body 定義文本間距 ? CSS下文本屬性 定義文本間距 字間距為 1em 對(duì)齊方式為兩端對(duì)齊 縮進(jìn)格為 2em 行高為 30pt 我們可以從表中看到在這里可以定義文本的文字間距、字母間距、裝飾、對(duì)齊方式、縮進(jìn)方式和行高等屬性 Body style=backgroundimage:url() p align=center style=color:rgb(204,82,28)。 fontweight:bold。 letterspacing:1em。 textindent:2em。 竹杖芒鞋輕勝馬，誰怕？一蓑煙雨任平生?；厥紫騺硎捝帲? 歸去，也無風(fēng)雨也無晴。當(dāng)點(diǎn)擊這些熱點(diǎn)時(shí)使其鏈接到不同的頁面。 ? 框架頁面的出現(xiàn)，使得訪問者在瀏覽器窗口中可同時(shí)觀察多個(gè)頁面。 ?Target的值可以是 name定義的名稱，也可以是以下四類值 : a href=url target=_blank 顯示一個(gè)新窗口 a href=url target=_self 顯示在同一個(gè)窗口 a href=url target=_parent 顯示在 Frameset的前一份文件的窗口 a href=url target=_top 顯示在整個(gè)瀏覽器窗口 Frame的外觀 1．各窗口邊框的設(shè)置 2．邊框色彩 3．設(shè)置各窗口的上下左右邊界寬度 4．各窗口間空白區(qū)域的設(shè)置 5．卷滾條設(shè)置 6．不可變動(dòng)的框邊 frame noresize來設(shè)置不可變動(dòng)的框邊 各窗口邊框的設(shè)置 Frameborder屬性用來設(shè)定各窗口邊框的設(shè)置， yes表示有邊框， no表示沒有邊框 Html Head Title 窗口邊框的設(shè)置 /Title /Head Frameset rows=30%， 70% frameborder=1 Frame src= Frameset cols=20%， 80% frameborder=0 Frame src= Frame src= /Frameset /Frameset /Html 邊框色彩 bordercolor=屬性用來設(shè)定邊框色彩 例 Frameset rows=30%， 70% bordercolor=red Html Head Title 邊框色彩 /Title /Head Frameset rows=30%， 70% bordercolor=red Frame src= Frameset cols=20%， 80% bordercolor=black Frame src= Frame src= /Frameset /Frameset /Html 設(shè)置各窗口的上下左右邊界寬度 frame marginwidth= marginheight=用來設(shè)定各窗口的上下左右邊界寬度 的值為像素點(diǎn) Html Head Title 設(shè)置各窗口的上下左右邊界寬度 /Title /Head Frameset rows=30%， 70% bordercolor=red Frame src= marginwidth=50 marginheight=50 Frameset cols=20%， 80% bordercolor=black Frame src= marginwidth=50 marginheight=50 Frame src= marginwidth=50 marginheight=50 /Frameset /Frameset /Html 各窗口間空白區(qū)域的設(shè)置 framespacing=屬性用來設(shè)定各窗口間空白區(qū)域，其中 為空白區(qū)域的大小 Frameset rows=30%， 70% bordercolor=red framespacing=20 Frame src= Frameset cols=20%， 80% bordercolor=black framespacing=40 Frame src= Frame src= /Frameset /Frameset 卷滾條設(shè)置 frame scrolling=用來設(shè)定滾動(dòng)條 yes 表示有， no表示沒有 auto表示由瀏覽器自動(dòng)設(shè)置 缺省值是 auto Html Head Title 卷滾條設(shè)置 /Title /Head Frameset rows=30%,70% bordercolor=red framespacing=20 Frame src= Frameset cols=20%,80% bordercolor=black framespacing=40 Frame src= scrolling=no Frame src= /Frameset /Frameset /Html 浮動(dòng)窗口 ? Iframe標(biāo)記，又叫浮動(dòng)幀標(biāo)記，可以用它將一個(gè) HTML文檔嵌入在一個(gè) HTML中顯示 如同“畫中畫“電視 Iframe標(biāo)記的使用 ? 格式 : Iframe src=URL width=x height=x scrolling=[OPTION] frameborder=x /iframe 文件的路徑，既可是 HTML文件，也可以是文本、 ASP等 畫中畫 區(qū)域的寬與高 是否出現(xiàn)滾動(dòng)條 區(qū)域邊框的寬度 另外， 在 iframe中還可以添加 name=屬性，屬性后面的文字將出現(xiàn)在不支持 FRAMES的瀏覽器中 浮動(dòng)窗口實(shí)例 ? 我們先創(chuàng)建一個(gè)文件名叫 ，其代碼如下： html head Title 登鸛雀樓 /Title /head body bgcolor=Lime h3 align=center 登鸛雀樓 /h3 P align=center白日依山盡，黃河入海流。 /P /body /html 主頁面代碼 Html Head Title 浮動(dòng)窗口 /Title /Head Iframe src= /iframe /Html 設(shè)置浮動(dòng)窗口區(qū)域的寬與高 Html Head Title 浮動(dòng)窗口 /Title /Head Iframe src= width=250 height=200 /iframe /Html 效果如圖所示 設(shè)置浮動(dòng)窗口區(qū)域邊框 Html Head Title 浮動(dòng)窗口 /Title /Head Iframe src= width=250 height=200 frameborder=0 /iframe /Html 動(dòng)手實(shí)踐 ? 帶有框架和浮動(dòng)窗口的綜合頁面 這樣的頁面是不是很漂亮？我們還可以為其添加一些浮動(dòng)窗口，實(shí)現(xiàn)“畫中畫”的功能。 ?開始標(biāo)記和結(jié)束標(biāo)記必須同時(shí)存在。 ?其內(nèi)容長(zhǎng)度不用被限制在一行內(nèi)，可以為任意長(zhǎng)度。 分段標(biāo)記 ? 分段標(biāo)記 p用來定義一個(gè)段落，在此標(biāo)記對(duì)之間的文本按照段落的格式顯示在瀏覽器上 ? p也可以有多種屬性，比較常用的屬性是： aligh＝ HTML將多個(gè)空格以及回車等效為一個(gè)空格， HTML的分段完全依賴于分段標(biāo)記 left,center,right 分段實(shí)例 Body h3 align=center訴衷情 /h3 p align=center 當(dāng)年萬里覓封候，匹馬戍梁州。 /p p align=center 胡未滅，鬢先秋，淚空流。關(guān)河夢(mèng)斷何處？塵暗舊貂 br 胡未滅，鬢先秋，淚空流。關(guān)河夢(mèng)斷何處？塵暗舊貂裘。此生誰料，心在天山，身老滄洲！ /p /Body 水平線標(biāo)記 ? 水平線標(biāo)記 hr用來把頁面分成幾個(gè)部分 ? hr標(biāo)記擁有以下屬性 1． align= 設(shè)定線條擺放位置 2． size=屬性 3． width=屬性設(shè)定線條長(zhǎng)度 4． color=屬性 left； right； center 以像素作單位，內(nèi)定為 2 以像素作單位，可以是絕對(duì)或相對(duì)值，內(nèi)定為 100% 設(shè)定線條顏色，內(nèi)定為 黑色 水平線 hr實(shí)例 Body hr align=center size=10 width=50% color=red /Body 居中標(biāo)記 ? center稱為居中標(biāo)記 Body center Table Border=0 Tr bgcolor=lime Th編號(hào) /Th Th名稱 /Th Th價(jià)格(元 )/Th /Tr Tr bgcolor=red Td001/Td Td語文教材/Td Td/Td /Tr /table /center /Body 預(yù)排版標(biāo)記 ? pre標(biāo)記被稱為預(yù)排版標(biāo)記。它的作用是設(shè)定文字表格等擺放位置。關(guān)河夢(mèng)斷何處？塵暗舊貂裘。此生誰料，心在天山，身老滄洲！ /p /div /Body 多媒體效果 插入背景音樂 插入多媒體 插入背景音樂 ? bgsound 標(biāo)記是用來插入背景音樂。true 是， false 否 (默認(rèn)值 ) 是否自動(dòng)反復(fù)播放。 true 是， false 否 (默認(rèn)值 ) Body div align=center embed src= autostart=true /div /Body loop= ? 用來設(shè)定播放次數(shù)。 ? 內(nèi)定則為使用系統(tǒng)本身的設(shè)定 Body div align=center embed src= autostart=true loop=true volume=50 /div /Body width=整數(shù) 和 high=整數(shù) ? 設(shè)定控制面板的高度和寬度。 ?value 指定按鈕表面顯示的文字。 ?onfocus 指定按鈕接受焦點(diǎn)時(shí)要調(diào)用的函數(shù) 普通按鈕 ? 當(dāng)這個(gè)按鈕被點(diǎn)擊時(shí)，就會(huì)調(diào)用屬性 onclick指定的函數(shù)； ? 在使用這個(gè)按鈕時(shí)，一般配合使用 value指定在它上面顯示的文字； ? 用 onclick指定一個(gè)函數(shù)，一般為 JavaScript的一個(gè)事件 按鈕實(shí)例 html xmlns= head meta equiv=ContentType content=text/html。我被點(diǎn)擊了 ^.^39。 } /script form id=form1 name=form1 method=post action= !—若獲得焦點(diǎn)時(shí)執(zhí)行函數(shù)則將 onclick改為onfocus input type=button onclick=msg() value=點(diǎn)擊我 / /form /body /html 復(fù)選框 ? checkbox用于多選 ,有以下屬性 ?name 定義控件名稱。 ?checked 設(shè)定控件初始狀態(tài)是被選中的。 ?onfocus 定義控件為焦點(diǎn)時(shí)要執(zhí)行的函數(shù)。 ?value 控件默認(rèn)值。 ?value 指定控件初始值 ,該值就是瀏覽器被打開時(shí)在文本框中的內(nèi)容。 ?maxlegnth 表示該文本輸入框允許用戶輸入的最大字符數(shù)