插入圖片 插入音樂
自動換圖 自動連結 　

插入圖片：必需是*.GIF或*.JPG檔，GIF檔案大畫質好，JPG檔案小畫質差，但就瀏覽速度而言JPG檔比較快。

語法：<IMG SRC="路徑/大小寫一致之圖檔檔名">
上述語法可在>前加上控制指令，茲分述於下：

  • ALT="圖檔介紹文字"---當滑鼠移到圖片上方時欲顯現的文字

  • WIDTH= n：顯示時圖片之寬度。

  • HEIGHT= n：顯示時圖片之高度，只設寬度或高度，圖片會按比例縮放。

  • BORDER= n：外框寬度，0表無框，以圖片作為連結點時多設為 0 。

  • ALIGN=top（middle､bottom）：設定文字在圖右之上､中､下方。

  • HSPACE= n：圖片與文字之水平距離。

  • VSPACE= n：圖片與文字之垂直距離。

    • 自動換圖(HOBER BUTTON)：游標移至圖片上會換成另一圖片的連結方式。

    假設：欲連結之目的檔案為a.htm，連結代碼為wuc，document為指令。

    <a href="a.htm" onMouseOver=document.wuc.src="圖檔一（游標覆上時出現）"
    　　　　　　onMouseOut=document.wuc.src="圖檔二（游標離開時出現）">
    <img name=wuc src="圖檔二（游標離開時出現）" border=0></a>

  • img指令包含在<A HREF="----">與<a>中

    範例：


    指令：
    <a href="mailto:demododo@ms21.url.com.tw" onMouseOver=document.wuc.src="../image/email.gif"
    onMouseOut=document.wuc.src="../image/home.gif">
    <img name=wuc src="../image/home.gif" border=0></a>

    • 自動連結：游標移至圖片上就可以直接連結的語法。

    <a href="Doesn't matter" onMouseOver=parent.location="http://網頁位址"><img src="圖檔路徑" border=0></a>

    <a href="Doesn't matter" onMouseOver=parent.location="http://網頁位址">自定文句</a>

  • 將上列指令置於<body></body>之間

    範例：將滑鼠移到右列圖檔或文句上試試看　　　 　　　 看到首頁了嗎


    • 插入音樂：音樂的格式MID、WAV、MP3均可（RA、RM等視使用者有無Player可播），注意檔案切勿太大，不然音樂會不連續。

    語法：<embed src="音樂檔.mid" height=50 width=140 autostart=true loop=true>

  • height和width設定撥放圖形的高度和寬度

  • autostart=true設定自動播放（有true與false兩種）

  • loop=true設定循環播放（有true與false兩種）

  • hidden=true隱藏面版（有true與false兩種，如設true，其他面版的相關屬性就可以省略）