實(shí)驗(yàn)1 HTML基本標(biāo)記的練習(xí)_第1頁(yè)
實(shí)驗(yàn)1 HTML基本標(biāo)記的練習(xí)_第2頁(yè)
實(shí)驗(yàn)1 HTML基本標(biāo)記的練習(xí)_第3頁(yè)
實(shí)驗(yàn)1 HTML基本標(biāo)記的練習(xí)_第4頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

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

文檔簡(jiǎn)介

實(shí)驗(yàn)1HTML基本標(biāo)記的練習(xí)【實(shí)驗(yàn)?zāi)康摹渴炀氄莆誋TML語(yǔ)言中各種基本標(biāo)記的使用方法?！緦?shí)驗(yàn)要求】⑴利用記事本編寫(xiě)簡(jiǎn)單的html程序；⑵練習(xí)使用各種文檔標(biāo)記及其常用屬性；⑶練習(xí)使用各種排版標(biāo)記、文本格式標(biāo)記及其常用屬性；⑷練習(xí)使用圖像標(biāo)記及其常用屬性?！緦?shí)驗(yàn)步驟】1．編寫(xiě)簡(jiǎn)單的HTML文檔⑴在D盤(pán)或E盤(pán)上建立以自己名字命名的文件夾；⑵啟動(dòng)記事本程序，輸入下列內(nèi)容：<html><head><title>白居易的詩(shī)</title></head><bodybgcolor="yellow"text=rgb(255,0,0)><Palign="center"><B>錢(qián)塘湖春行</B></P><Hr><palign="center">孤山寺北賈亭西，水面初平云腳低。<br>幾處早鶯爭(zhēng)暖樹(shù)，誰(shuí)家新燕啄春泥。<br>亂花漸欲迷人眼，淺草才能沒(méi)馬蹄。<br>最愛(ài)西湖行不足，綠揚(yáng)蔭里白沙堤。</p><P>【說(shuō)明】此詩(shī)為作者任杭州刺史時(shí)作。寫(xiě)西湖的山光水色、花草亭樹(shù)，加上早鶯、新燕生機(jī)盎然，旖旎動(dòng)人。是摹寫(xiě)西湖秋色名篇。</P></body></html>⑶將上述內(nèi)容以“Poem.html”為文件名存儲(chǔ)在自己的文件夾中；⑷運(yùn)行上述文件，觀察文件執(zhí)行的結(jié)果，體會(huì)各種文檔標(biāo)記及排版標(biāo)記的使用方法；⑸在上述HTML程序中，去掉<body>中的bgcolor屬性，增加background屬性，使網(wǎng)頁(yè)的背景變成一幅風(fēng)景圖片（圖片文件自定），然后存盤(pán)并刷新頁(yè)面觀察結(jié)果；⑹為上述網(wǎng)頁(yè)增加一個(gè)背景音樂(lè)，即在文檔中再增加一個(gè)<bgsoundsrc="音樂(lè)文件名">標(biāo)記，然后存盤(pán)并刷新頁(yè)面用耳機(jī)聽(tīng)聽(tīng)效果。2、練習(xí)使用文本格式標(biāo)記及其常用屬性在上述實(shí)驗(yàn)的基礎(chǔ)上，修改文檔中文字的顯示屬性，即在適當(dāng)?shù)奈恢迷黾?lt;font></font>、<B></B>、<I></I>、<U></U>、<SUB></SUB>、<SUP></SUP>等標(biāo)記，使網(wǎng)頁(yè)的輸出效果如下圖所示：3．練習(xí)使用圖像標(biāo)記及其常用屬性在自己的文件夾中新建一個(gè)名為“Image.html”的HTML文檔，在該文檔中主要練習(xí)插入圖片文件及相關(guān)的文字，即練習(xí)使用<imgsrc="圖片路徑及文件名">標(biāo)記，并熟悉該標(biāo)記中以下屬性的使用：(1)Alt：圖像不能下載時(shí)用以替代的文字，如：alt="濟(jì)南大學(xué)"；(2)Align：對(duì)齊方式。取值可以是文本對(duì)齊：top、bottom、middle；圖形對(duì)齊：left、right，任選其一，如：Align=right或Align=middle；(3)Border：圖像的邊框?？扇　?的整數(shù)，如：Border=3；(4)Width和Height：圖像的高和寬；如：Width=300Height=200；(5)Hspace和Vspace：圖片的水平位置和垂直位置，如：Hspace=300Vspace=100；注意上述屬性除src為必選外，其它屬性可全選，可選擇其中的幾個(gè)，也可不選，另外圖片文件的擴(kuò)展名不能省略，如：<imgsrc="picture\L4.jpg"Align=rightWidth=300Height=200Hspace=300Vspace=100>同學(xué)們可以自己搜集選擇圖片，仿照下圖練習(xí)圖像標(biāo)記及其常用屬性的使用方法。使用了Width使用了Width和Height屬性使用了Align使用了Align屬性，并分別采用了五種不同的取值。使用了Hspace和Vspace屬性【實(shí)驗(yàn)報(bào)告】上述實(shí)驗(yàn)完成后，要求寫(xiě)出實(shí)驗(yàn)報(bào)告，可按如下格式書(shū)寫(xiě)：實(shí)驗(yàn)名稱：HTML基本標(biāo)記的練習(xí)實(shí)驗(yàn)?zāi)康模菏炀氄莆誋TML語(yǔ)言中各種基本標(biāo)記的使用方法。實(shí)驗(yàn)題目：1、利用記事本編寫(xiě)簡(jiǎn)單的html程序；2、練習(xí)使用各種文檔標(biāo)記及其常用屬性；3、練習(xí)使用各種排版標(biāo)記、文本格式標(biāo)記及其常用屬性；4、練習(xí)使用圖像標(biāo)記及其常用屬性。預(yù)習(xí)報(bào)告：寫(xiě)出前兩個(gè)實(shí)驗(yàn)步驟中最終編寫(xiě)的html程序。調(diào)試過(guò)程：根據(jù)自己的情況填寫(xiě)。程序不會(huì)是一次就能運(yùn)行成功的，一開(kāi)始肯定會(huì)有錯(cuò)誤的（比如漏了標(biāo)記符號(hào)<、>，或者雙引

溫馨提示

  • 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)論