匿名使用者
匿名使用者 發問時間: 電腦與網際網路程式設計 · 1 0 年前

請問,想要使網頁水,如何使用html的”美美的分隔線”??

各位網頁高手們,

請問你們一下,我想要在YAHOO做各水水的網頁,

常常在其他人分享的網頁上,看到很多人提供美美的分隔線。

我有把那些美美的分隔線存到我的電腦的圖片裡。

但是...光式存檔也沒有用,我笨笨的,不知道要怎樣寫程式,

把那些分隔線用到我的YAHOO網頁上(要用html寫)。

希望高手來交我如何寫html程式,好讓我物盡其用...

不要再看到別人美美的網頁,只有流口水的份囉!!!

謝謝^^

html的門外漢

2 個解答

評分
  • 1 0 年前
    最佳解答

    語法:

    <img alt="分隔線" src="分隔線圖片網址" border="0" width="500" height="15">

    語法說明:

    alt=圖片上滑鼠移過會出現的字(可略)

    border=框線大小(自訂/0就是沒框線.可略)

    width=圖片寬度(自訂.可略)

    height=圖片高度(自訂.可略)

    若可略部份都省去則語法如下

    <img src="分隔線圖片網址" >

    使用說明:

    以pchome的免費空間為例(圖片要用英文或數字當名稱!)

    1.先把圖片上傳到網路空間(選瀏覽器上傳就可以) 

    2.上傳好之後在檔案總管裡找到剛傳的分隔線名稱

    3.用右鍵在名稱上點它~然後選複製捷徑

    4.然後貼在上面語法中的”分隔線圖片網址”部份

    5.把上面已修改好的新語法完整貼到你想放分格線的地方

    **這是給你的範例網頁**

    http://home.pchome.com.tw/my/opacity/line.html

    **範例完整語法**

    <html>

    <head>

    <meta http-equiv="Content-Language" content="zh-tw">

    <meta http-equiv="Content-Type" content="text/html; charset=big5">

    <title>哦~分隔線</title>

    </head>

    <body>

    <p>

    [內容一]</p>

    <p>

    我愛Beyond</p>

    <p>

    <img alt="分隔線1" src="http://home.pchome.com.tw/my/opacity/linefast.gif%... border="0" width="500" height="15"></p>

    <p>

    [內容二]</p>

    <p>

    我超愛Beyond</p>

    <p>

    <img alt="分隔線2" src="http://home.pchome.com.tw/my/opacity/lineslow.gif%...

    <p>

    [內容三]</p>

    <p>

    我最愛的~~~~~~~~~~~~Beyond-黃家駒</p>

    <p>

    <img alt="分隔線3" src="http://home.pchome.com.tw/my/opacity/lineveryfast....

    </body>

    </html>

    參考資料: 自己
  • 1 0 年前

    您好 建議你使用網頁編輯器來做網頁會比較適合初學著歐我這邊推薦你一個軟體 附上教學以及載點 你的分格線只要利用dreamweaver 的功能:''插入圖片''就可以了 很簡單希望你可以參考我給你的教學 並試著使用看看~dreamweaver 載點:http://www3.discuss.com.hk/archiver/?tid-1449563.h... 教學:基礎 Dreamweaver 教學現在出到8了http://ihouse.hkedcity.net/~dw2001/index_tc.htm%E9... 來發揮你的創意吧^^http://www.wretch.cc/blog/pennyroyal99

    參考資料: 自己的經驗
還有問題?馬上發問,尋求解答。