xhtml與cssppt課件-展示頁(yè)
2025-01-28 19:38本頁(yè)面
【正文】 內(nèi)容的含義或結(jié)構(gòu) 。標(biāo)記總是放在三角括號(hào)中，大多數(shù)標(biāo)記都是 成對(duì) 出現(xiàn)的，表示開(kāi)始和結(jié)束。 /p h1衡陽(yáng)師范學(xué)院 /h1 a href= “ /a HTML標(biāo)記（續(xù)） ?單標(biāo)記 語(yǔ)法： 標(biāo)記 / 例： link href=“style/” rel=“stylesheet” type=“text/css” / br / img src=“images/” alt=“彩虹科技” width=“200” height=“125” / input name=“username” type=“text” id=“username” size=“10” / HTML元素的概念和分類(lèi) ?把 HTML標(biāo)記（如 p…/p ）和標(biāo)記之間的內(nèi)容組合稱(chēng)為 HTML元素 ?1. 根據(jù)元素有無(wú)內(nèi)容分類(lèi) ? “有內(nèi)容的元素”是由起始標(biāo)記、結(jié)束標(biāo)記和兩者之間的內(nèi)容組成，其中元素內(nèi)容既可以是文字內(nèi)容，也可以是其他元素。 文本格式標(biāo)記 文本格式標(biāo)記是網(wǎng)頁(yè)中定義文本格式的標(biāo)記 1）直接寫(xiě)文本 div文本 /div、 td文本 /td、body文本 /body、 li文本 /li ； 2）用段落標(biāo)記 p……/p 格式化文本，各段落文本將分行顯示； 3）用標(biāo)題標(biāo)記 hn……/hn 格式化文本，作用：定義第 n號(hào)標(biāo)題字體， n=1~6， n值越大，字越?。? 4) 用預(yù)格式化標(biāo)記 pre……/pre 格式化文本，標(biāo)記內(nèi)的文本將按原來(lái)的格式顯示，保留文本中的所有空格、換行和定位符； 文本格式標(biāo)記（續(xù)） ?文本換行標(biāo)記 br / 例：春天 br /來(lái)臨，又到了播種耕種的季節(jié) ?水平線標(biāo)記 hr / 例： hr size=3 width=85% noshade=noshade align=center color=red / ?文本中的字符實(shí)體 “ ” 表示空格，“ ”代表符號(hào)“ ”， “ ”代表符號(hào)“ ” 列表標(biāo)記 ?為了合理地組織文本，網(wǎng)頁(yè)中常常要用到列表。 ?無(wú)序列表 (Unordered List) ul, li ?有序列表 (Ordered List) ol, li ?定義列表 (Defined List) dl, dt, dd 嵌套的無(wú)序列表示例 ul id=nav lia href=文章 /a ul lia href=CSS教程 /a /li lia href=DOM教程 /a/li lia href=XML教程 /a/li /ul /li lia href=參考 /a ul lia href=XHTML/a/li lia href=XML/a/li lia href=CSS/a/li /ul /li /ul 圖像標(biāo)記 img ?img src=images/ width=158 height=41 align=left alt=公告 / 屬性 含 義 src 圖片文件的 URL地址 alt 當(dāng)圖片無(wú)法顯示時(shí)顯示的替代文字 title 鼠標(biāo)停留在圖片上時(shí)顯示的說(shuō)明文字 align 圖片的對(duì)齊方式，共有 9種取值 width、 height 圖片在網(wǎng)頁(yè)中的寬和高，單位為像素或百分比 超鏈接標(biāo)記 a ?a href= target=_blank title=百度網(wǎng)站 百度 /a 屬性名 說(shuō)明 屬性值 href 超鏈接的 URL路徑 相對(duì)路徑或絕對(duì)路徑、 Email、 錨點(diǎn)名 target 超鏈接的打開(kāi)方式 _blank：在新窗口打開(kāi)； _self：在當(dāng)前窗口打開(kāi)，默認(rèn)值 _parent：在當(dāng)前窗口的父窗口打開(kāi) _top：在整個(gè)瀏覽器窗口打開(kāi)鏈接 窗口或框架名 title 提示文字 屬性值是任何字符串 超鏈接的種類(lèi)－根據(jù)源對(duì)象劃分 1) 用文本做超鏈接 ： a href= target=_blank首頁(yè)/a 2) 用圖像做超鏈接： a href=img src=images/ title=返回首頁(yè) border=0 //a 3) 文本圖像混合做鏈接： a href=img src= /br /格力空調(diào) 1型 /a 使用圖像做超鏈接后，圖像會(huì)自動(dòng)增加邊框，可設(shè)置邊框?yàn)?0去掉 熱區(qū)鏈接 ?熱區(qū)鏈接 ：使用 map在圖像上定義一幅地圖，地圖上可包含多個(gè)熱區(qū)，每個(gè)熱區(qū)用 area單標(biāo)記定義 表格標(biāo)記 ?網(wǎng)頁(yè)中的表格由 table標(biāo)記定義，一個(gè)表格被分成許多行 tr，每行又被分成許多個(gè)單元格td，因此 table、 tr、 td是表格中三個(gè)最基本的標(biāo)記，必須同時(shí)出現(xiàn)才有意義。 ?網(wǎng)頁(yè)中表格的主要作用：網(wǎng)頁(yè)布局 下面這段代碼在瀏覽器中如何顯示 table border=1 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 表格標(biāo)記 table的常見(jiàn)屬性 table的屬性 含義 border 表格邊框的寬度 bordercolor 表格邊框的顏色 bgcolor 表格的背景色 background 表格的背景圖像 cellspacing 表格的間距 cellpadding 表格的填充 width， height align 表格的寬和高，可以使用象素或百分比做單位， align是水平對(duì)齊屬性 設(shè)置表格邊框?yàn)?20象素的效果 table border=20 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 設(shè)置表格邊框?yàn)?0 table border=0 tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 可見(jiàn)：設(shè)置表格邊框?yàn)?0時(shí)，會(huì)使單元格邊框也變?yōu)?0象素，而設(shè)置表格邊框?yàn)槠渌麛?shù)值時(shí)，不會(huì)影響單元格邊框的寬 再設(shè)置邊框顏色為青色 table border=20 bordercolor=0099FF tr tdrow 1, cell 1/td tdrow 1, cell 2/td
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1