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

下載本文檔

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

文檔簡介

實驗1HTML基本標記的練習【實驗目的】熟練掌握HTML語言中各種基本標記的使用方法?！緦嶒炓蟆竣爬糜浭卤揪帉懞唵蔚膆tml程序；⑵練習使用各種文檔標記及其常用屬性；⑶練習使用各種排版標記、文本格式標記及其常用屬性；⑷練習使用圖像標記及其常用屬性。【實驗步驟】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>【說明】此詩為作者任杭州刺史時作。寫西湖的山光水色、花草亭樹，加上早鶯、新燕生機盎然，旖旎動人。是摹寫西湖秋色名篇。</P></body></html>⑶將上述內(nèi)容以“Poem.html”為文件名存儲在自己的文件夾中；⑷運行上述文件，觀察文件執(zhí)行的結(jié)果，體會各種文檔標記及排版標記的使用方法；⑸在上述HTML程序中，去掉<body>中的bgcolor屬性，增加background屬性，使網(wǎng)頁的背景變成一幅風景圖片（圖片文件自定），然后存盤并刷新頁面觀察結(jié)果；⑹為上述網(wǎng)頁增加一個背景音樂，即在文檔中再增加一個<bgsoundsrc="音樂文件名">標記，然后存盤并刷新頁面用耳機聽聽效果。2、練習使用文本格式標記及其常用屬性在上述實驗的基礎上，修改文檔中文字的顯示屬性，即在適當?shù)奈恢迷黾?lt;font></font>、<B></B>、<I></I>、<U></U>、<SUB></SUB>、<SUP></SUP>等標記，使網(wǎng)頁的輸出效果如下圖所示：3．練習使用圖像標記及其常用屬性在自己的文件夾中新建一個名為“Image.html”的HTML文檔，在該文檔中主要練習插入圖片文件及相關(guān)的文字，即練習使用<imgsrc="圖片路徑及文件名">標記，并熟悉該標記中以下屬性的使用：(1)Alt：圖像不能下載時用以替代的文字，如：alt="濟南大學"；(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為必選外，其它屬性可全選，可選擇其中的幾個，也可不選，另外圖片文件的擴展名不能省略，如：<imgsrc="picture\L4.jpg"Align=rightWidth=300Height=200Hspace=300Vspace=100>同學們可以自己搜集選擇圖片，仿照下圖練習圖像標記及其常用屬性的使用方法。使用了Width使用了Width和Height屬性使用了Align使用了Align屬性，并分別采用了五種不同的取值。使用了Hspace和Vspace屬性【實驗報告】上述實驗完成后，要求寫出實驗報告，可按如下格式書寫：實驗名稱：HTML基本標記的練習實驗目的：熟練掌握HTML語言中各種基本標記的使用方法。實驗題目：1、利用記事本編寫簡單的html程序；2、練習使用各種文檔標記及其常用屬性；3、練習使用各種排版標記、文本格式標記及其常用屬性；4、練習使用圖像標記及其常用屬性。預習報告：寫出前兩個實驗步驟中最終編寫的html程序。調(diào)試過程：根據(jù)自己的情況填寫。程序不會是一次就能運行成功的，一開始肯定會有錯誤的（比如漏了標記符號<、>，或者雙引

溫馨提示

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

評論

0/150

提交評論