計(jì)算概論課件:第六講 HTML語(yǔ)言簡(jiǎn)介_第1頁(yè)
計(jì)算概論課件:第六講 HTML語(yǔ)言簡(jiǎn)介_第2頁(yè)
計(jì)算概論課件:第六講 HTML語(yǔ)言簡(jiǎn)介_第3頁(yè)
計(jì)算概論課件:第六講 HTML語(yǔ)言簡(jiǎn)介_第4頁(yè)
計(jì)算概論課件:第六講 HTML語(yǔ)言簡(jiǎn)介_第5頁(yè)
已閱讀5頁(yè),還剩65頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

付費(fèi)下載

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第六講

HTML語(yǔ)言簡(jiǎn)介本幻燈片根據(jù)

/html/default.asp

的內(nèi)容改編形成在學(xué)習(xí)過(guò)程中,如遇到問(wèn)題請(qǐng)到此網(wǎng)站

找到相關(guān)頁(yè)面

詳細(xì)瀏覽什么是HTMLHTML是一種用來(lái)設(shè)計(jì)網(wǎng)頁(yè)的語(yǔ)言.HTML:HyperTextMarkupLanguageHTML是一種標(biāo)記語(yǔ)言(markuplanguage)用HTML語(yǔ)言撰寫的文檔稱為HTML文檔/網(wǎng)頁(yè)HTML語(yǔ)言規(guī)定了一組標(biāo)簽(markuptag)對(duì)網(wǎng)頁(yè)的內(nèi)容進(jìn)行組織一個(gè)簡(jiǎn)單的HTML文檔<!DOCTYPEhtml><html

lang="zh-cn"><head><metacharset="utf-8"/><title>我的第一個(gè)網(wǎng)頁(yè)</title></head><body><h1>這是一個(gè)一級(jí)標(biāo)題</h1><p>這是一個(gè)段落.</p></body></html>文檔正文文檔頭文檔主體聲明內(nèi)容的編碼方式聲明該文檔的名稱聲明一個(gè)一級(jí)標(biāo)題元素聲明一個(gè)段落元素把這段文字存為一個(gè)以html為擴(kuò)展名的文件在瀏覽器中打開此文件,就能看到展示效果聲明該文檔是

HTML文檔聲明該文檔是

大陸中文文檔en

英文zh-hk香港中文zh-tw臺(tái)灣中文使用“記事本”軟件

編輯html文檔HTML文檔的編輯與運(yùn)行第一步將文檔存儲(chǔ)為一個(gè)

以html為擴(kuò)展名的文件HTML文檔的編輯與運(yùn)行第二步在

文件

菜單中點(diǎn)擊

另存為HTML文檔的編輯與運(yùn)行文件擴(kuò)展名:html編碼:UTF-8HTML文檔的編輯與運(yùn)行用瀏覽器打開HTML文檔

第三步HTML文檔的編輯與運(yùn)行建議使用Chrome瀏覽器IE8或

firefox

應(yīng)該也可以Chrome瀏覽器

下載方式在搜索關(guān)鍵詞

chrome選擇一個(gè)最新的

正式版

下載<!DOCTYPEhtml><html

lang="zh-cn"><head><metacharset="utf-8"/><title>我的第一個(gè)網(wǎng)頁(yè)</title></head><body><h1>這是一個(gè)一級(jí)標(biāo)題</h1><p>這是一個(gè)段落.</p></body></html>一個(gè)簡(jiǎn)單的HTML文檔文檔正文文檔頭文檔主體聲明內(nèi)容的編碼方式聲明該文檔的名稱聲明一個(gè)一級(jí)標(biāo)題元素聲明一個(gè)段落元素聲明該文檔是

HTML文檔聲明該文檔是

大陸中文文檔為什么有這么多的尖括號(hào)?HTML標(biāo)簽HTML標(biāo)簽(1)上頁(yè)HTML文檔中出現(xiàn)的標(biāo)簽名

html,head,meta,title,body,h1,p

一個(gè)標(biāo)簽<標(biāo)簽名>只能使用HTML語(yǔ)言已經(jīng)定義的標(biāo)簽名/這個(gè)成分可選(視情況而定)HTML標(biāo)簽(2)大部分標(biāo)簽都是

成對(duì)出現(xiàn)

的<p>這是一個(gè)段落</p>開始標(biāo)簽結(jié)束標(biāo)簽不能包含斜杠必須含有斜杠HTML標(biāo)簽(3)少部分標(biāo)簽是

單獨(dú)出現(xiàn)

<metacharset="utf-8"/>例如:屬性名屬性取值屬性這個(gè)斜杠可以沒(méi)有HTML標(biāo)簽(4)在成對(duì)出現(xiàn)的標(biāo)簽中,開始標(biāo)簽也可以包含屬性,但結(jié)束標(biāo)簽

不能包含屬性例如:

<html

lang="zh-cn">…</html>屬性屬性名屬性取值HTML元素HTML元素(1)對(duì)于成對(duì)出現(xiàn)的標(biāo)簽,開始標(biāo)簽+結(jié)束標(biāo)簽+兩者包圍的內(nèi)容形成一個(gè)

HTML元素例一:<p>這是一個(gè)段落</p>例二:

<body>

<h1>這是一個(gè)一級(jí)標(biāo)題</h1>

<p>這是一個(gè)段落.</p></body>元素之間可以形成

嵌套關(guān)系HTML元素(2)對(duì)于單獨(dú)出現(xiàn)的標(biāo)簽,標(biāo)簽本身

即形成一個(gè)

HTML元素

<metacharset="utf-8"/>例如:<!DOCTYPEhtml><html

lang="zh-cn"><head><metacharset="utf-8"/><title>我的第一個(gè)網(wǎng)頁(yè)</title></head><body><h1>這是一個(gè)一級(jí)標(biāo)題</h1><p>這是一個(gè)段落.</p></body></html>HTML文檔

結(jié)構(gòu)性質(zhì)一個(gè)HTML文檔是通過(guò)對(duì)HTML元素的嵌套或順序排列而形成的HTML

的不同版本版本發(fā)布年份HTML1991HTML+1993HTML2.01995HTML3.21997HTML4.011999XHTML1.02000HTML52012XHTML52013訪問(wèn)/html5/觀看HTML5的演示應(yīng)用本課件:主要介紹HTML通用基本標(biāo)簽但在語(yǔ)法上遵循HTML5不同版本

HTML

<!DOCTYPE>聲明

差異HTML5<!DOCTYPEhtml>HTML4.01<!DOCTYPEHTMLPUBLIC“-//W3C//DTDHTML4.01Transitional//EN”“/TR/html4/loose.dtd”>XHTML1.0<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN“"/TR/xhtml1/DTD/xhtml1-transitional.dtd">HTML通用基本標(biāo)簽適用于所有HTML版本html

標(biāo)簽HTML文檔正文的最外層標(biāo)簽必須成對(duì)出現(xiàn)形成一個(gè)html元素所有其它HTML元素都包含在html元素中一個(gè)HTML文檔包含且僅包含一個(gè)html元素<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>我的第一個(gè)網(wǎng)頁(yè)</title></head><body><h1>這是一個(gè)一級(jí)標(biāo)題</h1><p>這是一個(gè)段落.</p></body></html>head

標(biāo)簽文檔頭

標(biāo)簽必須成對(duì)出現(xiàn)形成head元素只能直接嵌套在html元素中head元素中可以聲明一組文檔的元信息文檔編碼文檔名稱…<!DOCTYPEhtml><html>

<head><metacharset="utf-8"/><title>我的第一個(gè)網(wǎng)頁(yè)</title>

</head><body><h1>這是一個(gè)一級(jí)標(biāo)題</h1><p>這是一個(gè)段落.</p></body></html>body

標(biāo)簽文檔主體

標(biāo)簽必須成對(duì)出現(xiàn)形成body元素只能直接嵌套在html元素中body元素中包含了所有的用戶內(nèi)容除了html元素和head元素外,其它HTML元素都必須包含在該元素中<!DOCTYPEhtml><html>

<head><metacharset="utf-8"/><title>段落標(biāo)簽示例</title>

</head>

<body><p>這是一個(gè)段落。</p><p>這是另一個(gè)段落。</p>

</body></html>p

標(biāo)簽段落(paragraph)標(biāo)簽必須成對(duì)出現(xiàn)用于表現(xiàn)一段文字<!DOCTYPEhtml><html>

<head>…</head>

<body>

<p>《大話西游》是一部香港無(wú)厘頭搞笑片,成就了大話的經(jīng)典傳奇。…</p>

<p>電影“大話西游”之《月光寶盒》和《仙履奇緣》這兩部影片按最初的設(shè)想是…</p></body></html>p

標(biāo)簽<!DOCTYPEhtml><html>

<head>…</head>

<body>

<p>《大話西游》是一部香港無(wú)厘頭搞笑片,成就了大話的經(jīng)典傳奇。…</p>

<p>電影“大話西游”之《月光寶盒》和《仙履奇緣》這兩部影片按最初的設(shè)想是…</p></body></html>文字格式設(shè)置標(biāo)簽<!DOCTYPEhtml><html>

<head>…</head>

<body><p>這是<b>粗體字</b></p><p>這是<i>斜體字</i></p><p>這是<del>被刪除的文字</del></p><p>這是<sub>下標(biāo)文字</sub></p><p>這是<sup>上標(biāo)文字</sup></p>

</body></html>這些標(biāo)簽可以相互嵌套標(biāo)題

標(biāo)簽用于表現(xiàn)一段標(biāo)題文字HTML定義了6個(gè)級(jí)別的標(biāo)題標(biāo)簽:

h1,h2,h3,h4,h5,h6標(biāo)題標(biāo)簽必須成對(duì)出現(xiàn)用標(biāo)題標(biāo)簽表現(xiàn)一個(gè)文檔的結(jié)構(gòu)題目:一級(jí)標(biāo)簽章:二級(jí)標(biāo)簽節(jié):三級(jí)標(biāo)簽子節(jié):四級(jí)標(biāo)簽…<!DOCTYPEhtml><html>

<head>…</head>

<body>

<h1>這是一級(jí)標(biāo)題</h1>

<h2>這是二級(jí)標(biāo)題</h2>

<h3>這是三級(jí)標(biāo)題</h3>

<h4>這是四級(jí)標(biāo)題</h4>

<h5>這是五級(jí)標(biāo)題</h5>

<h6>這是六級(jí)標(biāo)題</h6>

</body></html>標(biāo)題

標(biāo)簽<!DOCTYPEhtml><html>

<head>…</head>

<body>

<h1>這是一級(jí)標(biāo)題</h1>

<h2>這是二級(jí)標(biāo)題</h2>

<h3>這是三級(jí)標(biāo)題</h3>

<h4>這是四級(jí)標(biāo)題</h4>

<h5>這是五級(jí)標(biāo)題</h5>

<h6>這是六級(jí)標(biāo)題</h6>

</body></html>標(biāo)題標(biāo)簽+段落標(biāo)簽

組織文檔<body>

<h1>小雞的一生</h1>

<h2>小雞</h2>

<p>用于食用而飼養(yǎng)的小雞(“適于烤焙的嫩雞”)從運(yùn)輸?shù)呢涍\(yùn)箱中被丟入到大飼養(yǎng)棚的地板上…</p>

<h2>飼養(yǎng)小雞的棚</h4>

<p>由于成千上萬(wàn)的小雞被關(guān)入飼養(yǎng)棚中,隨著動(dòng)物們的生長(zhǎng)飼養(yǎng)棚也就越發(fā)擁擠了起來(lái)。為了取食喝水,小雞們經(jīng)常爭(zhēng)相踩到其他伙伴的頭頂上,或是踩在死去的同伴的身體上。</p>……</body>題目第一節(jié)標(biāo)題第二節(jié)標(biāo)題第一節(jié)正文第二節(jié)正文列

標(biāo)簽有序

列無(wú)序

列定義

列<body><p>下面是…</p><ol><li>茶</li><li>咖啡</li><li>牛奶</li></ol></body><body><p>下面是…</p><ul><li>茶</li><li>咖啡</li><li>牛奶</li></ul></body>

<dl><dt>茶</dt><dd>一種用樹葉泡制的飲料</dd><dt>咖啡</dt><dd>一種黑色的飲料</dd><dt>牛奶</dt><dd>一種白色的飲料</dd></dl>orderedlistlistitemunorderedlistdefinition

listdefinition

termdefinition

description無(wú)a

標(biāo)簽

用于建立

超鏈接<ahref=“……”>……</a>語(yǔ)法格式<body><p>下面是一個(gè)超連接:</p>

<a

href="">北京大學(xué)</a></body>超鏈接指向的網(wǎng)頁(yè)的網(wǎng)址超鏈接的名字列標(biāo)簽

a標(biāo)簽

組合

<body><p>北京地區(qū)高校的分類:</p>

<ol>

<li><ahref="">北京大學(xué)</a></li>

<li>清華大學(xué)及其它高校

<ul>

<li><ahref="">清華大學(xué)</a></li>

<li><ahref="">北京航空航天大學(xué)</a></li>

<li><ahref="">北京理工大學(xué)</a></li>

<li>...</li>

</ul>

</li>

</ol></body>有序列元素條目元素?zé)o序列元素條目元素超鏈接元素a

標(biāo)簽

我自己編寫了2個(gè)html文檔能在它們之間建立超鏈接嗎?08A頁(yè)面.html08B頁(yè)面.html<body><p>我是頁(yè)面A</p><p>下面是我的兄弟,請(qǐng)點(diǎn)擊它</p><p><ahref="08B頁(yè)面.html">頁(yè)面B</a></p></body><body><p>這里是頁(yè)面B</p><p>請(qǐng)向我的兄弟問(wèn)好</p><p>去往頁(yè)面A,請(qǐng)<ahref="08A頁(yè)面.html">點(diǎn)擊這里</a></p></body>填寫要鏈接的文件的名稱但要

確保這2個(gè)文檔在同一目錄下iframe:一個(gè)神奇的標(biāo)簽把一個(gè)網(wǎng)頁(yè)

嵌入/顯示在

另一個(gè)網(wǎng)頁(yè)中<iframe

src="…"width="…"height="…"></iframe>語(yǔ)法格式網(wǎng)頁(yè)網(wǎng)址,或

同目錄下一個(gè)網(wǎng)頁(yè)的文件名正整數(shù):被嵌網(wǎng)頁(yè)占用的寬度(單位:像素);或百分?jǐn)?shù):被嵌入網(wǎng)頁(yè)占所在網(wǎng)頁(yè)寬度的百分比這兩個(gè)屬性是可選的屬性名取值/含義frameborder“0”:

沒(méi)有邊框

”1“:

有邊框name一串字符:給iframe起一個(gè)名字ifame的另外兩個(gè)可選屬性例如:50%iframe:一個(gè)神奇的標(biāo)簽<body><p>我把北大主頁(yè)嵌入進(jìn)來(lái)了</p><iframesrc=""width="90%"height="200"frameborder="0"></iframe></body>iframe:一個(gè)神奇的標(biāo)簽<body><p>我把剛才的頁(yè)面A嵌入進(jìn)來(lái)了</p><iframesrc="08A頁(yè)面.html"></iframe></body>iframe:一個(gè)神奇的標(biāo)簽<body><p>用iframe實(shí)現(xiàn)多頁(yè)面導(dǎo)航</p><iframename="frameID"></iframe><p><ahref=""target="frameID">北京大學(xué)</a><ahref=""target="frameID">南京大學(xué)</a><ahref="08A頁(yè)面.html"target="frameID">頁(yè)面A</a></p></body>聲明了一個(gè)iframe元素給iframe元素

起一個(gè)名字給超鏈接元素增加一個(gè)

target屬性,其值是iframe元素的名字含義:超鏈接被點(diǎn)擊后,頁(yè)面需要被顯示在相應(yīng)名字的iframe中img

標(biāo)簽用于

插入圖片<imgsrc=“……”/>語(yǔ)法格式圖片的網(wǎng)址,或

同目錄下一個(gè)圖片的文件名這個(gè)斜杠

可以沒(méi)有這個(gè)標(biāo)簽

單獨(dú)出現(xiàn)屬性名取值/含義alt一串字符:

當(dāng)圖片加載失敗時(shí),在網(wǎng)頁(yè)上顯示的文字width正整數(shù):圖片占用的顯示區(qū)域的寬度(單位:像素)height正整數(shù):圖片占用的顯示區(qū)域的高度(單位:像素)img的另外三個(gè)可選屬性如果沒(méi)有設(shè)置

寬/高度,以圖片自身的寬/高度顯示img標(biāo)簽:顯示一個(gè)在線的圖片<body><p>下面是百度的logo</p><imgsrc="/img/baidu_sylogo1.gif"/></body>img

標(biāo)簽:顯示一個(gè)本地的圖片<body><p>下面是北大的logo</p><imgsrc="img/pkulogo.png"width="200"height="200"/></body>元芳,什么情況?當(dāng)前目錄的子目錄"img"中

文件名為"pkulogo.png”的圖片

img

標(biāo)簽img的更多使用技巧,請(qǐng)參看:/html/html_images.asptable

標(biāo)簽用于

建立表格<p>下面是一個(gè)表格</p><table

border="1"><tr><td>第1行,第1條數(shù)據(jù)</td><td>第1行,第2條數(shù)據(jù)</td></tr><tr><td>第2行,第1條數(shù)據(jù)</td><td>第2行,第2條數(shù)據(jù)</td></tr></table>表格元素行元素行元素設(shè)置表格邊框的粗細(xì)tablerow:表格行tabledata:表格數(shù)據(jù)table

標(biāo)簽:給表格增加

列表頭<p>下面是一個(gè)表格</p><table

border="1"><tr><td>第1行,第1條數(shù)據(jù)</td><td>第1行,第2條數(shù)據(jù)</td></tr><tr><td>第2行,第1條數(shù)據(jù)</td><td>第2行,第2條數(shù)據(jù)</td></tr></table><tr><th>第1列表頭</th><th>第2列表頭</th><tr>tableheadertable

標(biāo)簽:給表格增加

行表頭<p>下面是一個(gè)表格</p><table

border="1"><tr><td>第1行,第1條數(shù)據(jù)</td><td>第1行,第2條數(shù)據(jù)</td></tr><tr><td>第2行,第1條數(shù)據(jù)</td><td>第2行,第2條數(shù)據(jù)</td></tr></table><th>第1行表頭</th><th>第2行表頭</th>table

標(biāo)簽:合并同一行中的相鄰單元格<table

border="1"><tr><td>第1列表頭</td><td>第2列表頭</td></tr><tr><td>第1行,第1條數(shù)據(jù)</td><td>第1行,第2條數(shù)據(jù)</td></tr><tr><td>第2行,第1條數(shù)據(jù)</td><td>第2行,第2條數(shù)據(jù)</td></tr></table>刪除這個(gè)單元格增加一個(gè)屬性colspan="2"columnspan

含義:將當(dāng)前單元格

在行方向向右擴(kuò)展為2列table

標(biāo)簽:合并同一列中的相鄰單元格<table

border="1"><tr><td>第1列表頭</td><td>第2列表頭</td></tr><tr><td>第1行,第1條數(shù)據(jù)</td><td>第1行,第2條數(shù)據(jù)</td></tr><tr><td>第2行,第1條數(shù)據(jù)</td><td>第2行,第2條數(shù)據(jù)</td></tr></table>刪除這個(gè)單元格增加一個(gè)屬性rowspan="2"含義:將當(dāng)前單元格

在列方向向下擴(kuò)展為2行table

標(biāo)簽

兩個(gè)用途在HTML頁(yè)面中顯示表格對(duì)HTML頁(yè)面的內(nèi)容進(jìn)行排版將

table元素

border屬性

設(shè)置為

0在

td元素

嵌入其它元素(img,iframe,列,…)老師,我在網(wǎng)上看到的網(wǎng)頁(yè)都是很漂亮的。您給我們看的這些網(wǎng)頁(yè),怎么

這么土呢?通過(guò)

CSS

設(shè)置頁(yè)面元素的顯示樣式CSS的具體含義請(qǐng)課后自己去網(wǎng)上搜索為HTML文檔設(shè)置內(nèi)部樣式<!DOCTYPEhtml><html

lang="zh-cn"><head><metacharset="utf-8"/><title>我的第一個(gè)網(wǎng)頁(yè)</title><style

type="text/css">body{background-color:yellow;}p{color:blue;}</style></head><body>…</body></html>樣式元素在head元素中聲明一個(gè)style元素第一步在style元素中逐行聲明

樣式規(guī)則第二步將body元素的背景設(shè)為黃色將段落元素的前景顏色設(shè)為藍(lán)色樣式規(guī)則一個(gè)樣式規(guī)則選擇器聲明器當(dāng)前規(guī)則作用到哪些元素對(duì)元素的樣式做哪些設(shè)置{屬性設(shè)置屬性設(shè)置}……包含在花括號(hào)中的一個(gè)或多個(gè)屬性設(shè)置屬性名:屬性值;h1

{color:blue;font-size:12px;}將

所有h1元素

前景顏色設(shè)置為藍(lán)色、字體尺寸設(shè)置為12px樣式規(guī)則

相關(guān)的

兩個(gè)元素屬性屬性名取值/含義id用于給一個(gè)HTML元素設(shè)置一個(gè)唯一的名字一個(gè)由數(shù)字或英文字母構(gòu)成的字符串第一個(gè)字符不能是數(shù)字在一個(gè)HTML文檔中,不同元素id屬性的取值不能相同class用于給具有某種相同性質(zhì)的一組元素設(shè)置一個(gè)類名一個(gè)由數(shù)字或英文字母構(gòu)成的字符串第一個(gè)字符不能是數(shù)字選擇器:從HTML文檔中選擇一組元素

元素名選擇器

ID選擇器

類(class)選擇器選擇器的三種形式一個(gè)樣式規(guī)則選擇器聲明器元素名

選擇器選擇

文檔中具有指定元素名的所有元素h1

{color:red;font-size:12px;}body {background-color:yellow;}p {color:blue;}樣式規(guī)則示例:<head><styletype="text/css"></style></head><body>

<h1>小雞的一生</h1>

<h2>小雞</h2>

<p>第一段文字…</p>

<h2>飼養(yǎng)小雞的棚</h4>

<p>第二段文字…</p>

<h2>死亡率</h2>

<p>第三段文字…</p></body>id選擇器選擇文檔中具有指定id的一個(gè)元素<head><styletype="text/css">…

#para1

{color:red}

</style></head><body>

<h1>小雞的一生</h1>

<h2>小雞</h2>

<pid=“para1”>第一段文字…</p>

<h2>飼養(yǎng)小雞的棚</h4>

<p>第二段文字…</p>

<h2>死亡率</h2>

<p>第三段文字…</p></body>#字符一定要放在id前面類class選擇器<head><styletype="text/css">…

.otherp

{color:green}

</style></head><body>

<h1>小雞的一生</h1>

<h2>小雞</h2>

<pid=“para1”>第一段文字…</p>

<h2>飼養(yǎng)小雞的棚</h4>

<pclass=“otherp”>第二段文字…</p>

<h2>死亡率</h2>

<pclass=“otherp”>第三段文字…</p></body>.字符一定要放在類名前選擇文檔中具有指定類名的一組元素元素-類

組合選擇器h1.myclass

{color:blue;font-size:12px;}元素名.類名語(yǔ)法格式含義:所有屬于myclass類的h1元素一個(gè)樣式規(guī)則選擇器聲明器對(duì)元素的樣式做哪些設(shè)置{屬性設(shè)置屬性設(shè)置}……包含在花括號(hào)中的一個(gè)或多個(gè)屬性設(shè)置屬性名:屬性值;元素有

哪些屬性

可以設(shè)置?元素背景

相關(guān)的屬性屬性名含義background-color元素背景的顏色background-image元素背景的填充圖片background-repeat當(dāng)填充圖片比元素的顯示區(qū)域小時(shí),圖片的重復(fù)方式background-position填充圖片在元素顯示區(qū)域中的位置background-color

十六進(jìn)制顏色值(如“#ff0000”)

RGB顏色值(如“rgb(255,0,0)”)

顏色名(如“red”)指定顏色值的三種方式更多的顏色名,請(qǐng)參考:/cssref/css_colornames.aspbackground-image<head><metacharset="utf-8"/><title>背景圖片示例</title><styletype="text/css”>body{background-image:url('img/tree.png');}</style></head><body><h1>這是一個(gè)1級(jí)標(biāo)題</h1><p>你看到背景圖片了嗎?</p></body>文檔所在目錄下img子目錄中名為tree.jpg的圖片這個(gè)圖片在背景中在x,y兩個(gè)方向上被重復(fù)顯示了X方向Y方向background-repeat<head><metacharset="utf-8"/><title>背景圖片示例</title><styletype="text/css”>

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論