上html標(biāo)記ppt課件-在線瀏覽
2025-06-22 18:30本頁(yè)面
【正文】 size=3 width=85% color =“red noshade=noshade align=center / 文本修飾標(biāo)記（字體標(biāo)記） 文本修飾標(biāo)記 ?文本修飾標(biāo)記是對(duì)文本的外觀進(jìn)行修飾的標(biāo)記，如讓文字變色，加大，變粗體，添加下劃線等。 例： font face=fontname size= n color= 0066CC……/font ?!face屬性定義文字的字體， fontname為能獲得的字體名稱； size屬性定義文字的大小， n為正整數(shù)， n值越大則字越大； color屬性定義文字的顏色， ?注意：文本修飾標(biāo)記沒(méi)有 align屬性 (說(shuō)明 ） 加粗、傾斜與下劃線標(biāo)記 ?2）加粗、傾斜與下劃線的定義標(biāo)記（ b、 i、 u） b……/b ! 加粗文字 i……/i ! 文字傾斜 u……/u ! 加下劃線 em……/em ! 加粗，傾斜 strong……/strong ! 加粗文字 使用加粗、傾斜與下劃線標(biāo)記（ b、 i、 u）的 組合 ，可對(duì)文本文字進(jìn)一步修飾。 ?如： Hsub2/subO !H2O Xsup2/sup !X2 ?由于字體標(biāo)記屬于對(duì)文本 外觀 進(jìn)行修飾的標(biāo)記，是由于當(dāng)時(shí) CSS語(yǔ)言尚未出現(xiàn)時(shí)html定義的表現(xiàn)的范疇，隨著 CSS的出現(xiàn)，這些表現(xiàn)功能均可以由 CSS完成，所以不含有語(yǔ)義的字體標(biāo)記慢慢過(guò)時(shí)了。在 HTML中可以使用的列表標(biāo)記有無(wú)序列表、有序列表和定義列表三種。瀏覽者通過(guò)超鏈接選擇閱讀路徑。 URL包括 4部分：網(wǎng)絡(luò)協(xié)議、域名或 IP地址、路徑和文件名。書(shū)寫(xiě)格式為：協(xié)議： //計(jì)算機(jī)域名或 IP地址 [/文檔路徑 ]［ /文檔名］ ?例如： 相對(duì) URL ?相對(duì) URL是相對(duì)于包含超鏈接頁(yè)的地點(diǎn)來(lái)規(guī)定文件的地點(diǎn)。 相對(duì) URL示例 wgzx yule index .htm oa. htm pop .htm news .htm =yule/ 2 1 =../ =“” 3 相對(duì) URL的優(yōu)勢(shì) ?可以看出相對(duì) URL方式比較簡(jiǎn)便，不需輸入一長(zhǎng)串完整的 URL；另外相對(duì)路徑還有一個(gè)非常重要的特點(diǎn)是：可以毫無(wú)顧忌地修改 Web網(wǎng)站的域名或網(wǎng)站在服務(wù)器硬盤(pán)中的存放目錄。 使用圖像做超鏈接后，圖像會(huì)自動(dòng)增加邊框，可設(shè)置邊框?yàn)?0去掉 超鏈接的種類(lèi)－根據(jù)源對(duì)象劃分 2 4) 熱區(qū)鏈接 ：使用 map在圖像上定義一幅地圖，地圖上可包含多個(gè)熱區(qū)，每個(gè)熱區(qū)用 area單標(biāo)記定義， area的 shape屬性定義了熱區(qū)的形狀， coords定義了熱區(qū)的坐標(biāo)點(diǎn)， href定義了熱區(qū)鏈接的文件。 a id=yyyy/a ! 定義錨點(diǎn) yyyy a href=yyyy…… /a ! 網(wǎng)頁(yè)內(nèi)跳轉(zhuǎn)鏈接 ， 鏈接到錨點(diǎn) yyyy處 也可以鏈接到其他網(wǎng)頁(yè)某個(gè)錨點(diǎn)處 a href=yyyy…… /a ! 鏈接到 yyyy處 4) 空鏈接和腳本鏈接 : a href=“”…… /a ! 相當(dāng)于沒(méi)有定義錨點(diǎn)名的錨鏈接 ， 網(wǎng)頁(yè)會(huì)返回頁(yè)面頂端 a href=JavaScript:alert(39。)……/a 超鏈接的打開(kāi)方式（ target屬性的取值） ?在本窗口打開(kāi)： _self （ target的默認(rèn)值） ?在新窗口打開(kāi)： _blank ?在父窗口打開(kāi)： _parent 將鏈接的文件載入到父框架 ?在整個(gè)窗口打開(kāi)： _top：將鏈接的文件載入到整個(gè)瀏覽器窗口中，并刪除所有框架 ?_parent、 _top僅僅在網(wǎng)頁(yè)被嵌入到其他網(wǎng)頁(yè)中有效，如框架中的網(wǎng)頁(yè)，所以這兩種取值用得很少。如果圖像是通過(guò) img元素插入，則可以在瀏覽器上通過(guò)按住鼠標(biāo)左鍵拖動(dòng)選中圖片，或者將它拖動(dòng)到地址欄里，如果作為背景嵌入，則無(wú)法選中圖片 圖像標(biāo)記 img 網(wǎng)頁(yè)中支持的圖像文件格式 ?網(wǎng)頁(yè)中可以插入的圖像文件的類(lèi)型有 jpg格式，gif格式和 png格式。 img標(biāo)記的常見(jiàn)屬性 ?img是一個(gè)行內(nèi)元素，插入 img元素不會(huì)導(dǎo)致任何換行。那么必須將該單元格的寬和高設(shè)置為圖片的寬和高，且表格中其它單元格的大小也必須固定，然后確保 td與 /td之間只有 img標(biāo)記， 沒(méi)有空格和換行符 ，否則單元格會(huì)被空格撐開(kāi)。 ?img src=images/ width=158 height=41 align=left/，但通常是將圖片放在表格里，通過(guò)表格定位來(lái)實(shí)現(xiàn)文本和圖像的混排。由于 IE6和 Firefox都能正常顯示效果，而代碼更簡(jiǎn)潔，所以推薦用這種方式 在圖像上添加透明 flash ?首先可以將一張需要放置透明 flash的圖片作為單元格的背景導(dǎo)入，然后在此單元格內(nèi)插入一個(gè)透明 flash文件，可以調(diào)整此 flash元素的大小與單元格相一致，選中該 flash文件，點(diǎn)擊屬性面板里的“參數(shù)”按鈕，新建一個(gè)參數(shù)“ wmode” 值設(shè)置為“ transparent”。在采用流式傳輸方式的系統(tǒng)中，用戶不必像采用下載方式那樣等到整個(gè)文件全部下載完畢 ?常見(jiàn)的流媒體文件格式 ?real公司： rm\rmvb\ra ?apple公司： quicktime\mov ?microsoft公司： asf\wmv\wma 插入流媒體元素的方法 ?網(wǎng)頁(yè)中插入流媒體也能向插入一般媒體一樣使用 embed標(biāo)記，只是要在 classId框中設(shè)置流媒體的類(lèi)型 插入 Real Player流格式的視頻文件 屬性面板中設(shè)置 : ClassID為 RealPlayer…… 。 Src為 。 parm參數(shù)示例 ?參數(shù)： console 屬性：可以將各種不同的RealPlayer控制聚集在網(wǎng)頁(yè)上，這樣它們可以交互使用或是保持獨(dú)立，而且互相不影響 演示 ? 假如圖形文件放在網(wǎng)頁(yè)文檔所在目錄的上層目錄 (如 home)下 ， 則相對(duì)路徑就必須是準(zhǔn)網(wǎng)址 ， 即用 “ ../”表示網(wǎng)站 ， 后邊緊跟文件在網(wǎng)站中的路徑 。 例如 ， home是網(wǎng)站下的目錄 king下邊的一個(gè)子目錄 ， 則代碼應(yīng)為： img src=../king/home/。 alt=網(wǎng)頁(yè)制作 屬性表示在網(wǎng)頁(yè)中可以用文字 網(wǎng)頁(yè)制作 代替
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1