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

下載本文檔

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

文檔簡介

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

溫馨提示

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

評論

0/150

提交評論