史萊姆論壇

返回   史萊姆論壇 > 教學文件資料庫 > 程式 & 網頁設計技術文件
忘記密碼?
註冊帳號 論壇說明 標記討論區已讀

歡迎您來到『史萊姆論壇』 ^___^

您目前正以訪客的身份瀏覽本論壇,訪客所擁有的權限將受到限制,您可以瀏覽本論壇大部份的版區與文章,但您將無法參與任何討論或是使用私人訊息與其他會員交流。若您希望擁有完整的使用權限,請註冊成為我們的一份子,註冊的程序十分簡單、快速,而且最重要的是--註冊是完全免費的!

請點擊這裡:『註冊成為我們的一份子!』

Google 提供的廣告


 
 
主題工具 顯示模式
舊 2007-05-10, 12:01 AM   #1 (permalink)
榮譽會員
 
猜謎人 的頭像
榮譽勳章
UID - 14438
在線等級: 級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時
註冊日期: 2002-12-19
住址: 虎爛宮解籤詩處
文章: 18702
現金: 10109 金幣
資產: 2886912 金幣
預設 教學 - HTML教學--圖片的編排

現在我們要把我們的網頁插入圖片了,在這之前,我們先介紹水平線,這大多用來分隔網頁,語法是hr而且不是成對的!只是裡面可以加進幾個參數,size是他的厚度要幾個像素,這裡我們用2個像素,一樣可以對齊align是對齊,這裡我們是置中對齊,注意!置中他會因應網頁大小而變更,自動調整在中央!顏色是紫色,寬度佔網頁百分之五十,你可自己決定,另外也可以沒有陰影noshade,只是我們這裡不用。
忘了提網頁body部分,這次我們的背景是用圖片拼貼,圖片很小,不過當做背景時他會像貼瓷磚一樣填滿整個網頁!一般不要太花俏,否則網頁內容反而看不清楚!
另外,再補充上次文字編排中,表列中我們還可以用巢狀表列!也就是說,無序表列內加入有序表列,或者相反!這裡不詳述了,你仔細看下面的HTML原始碼即可明瞭!
現在我們要插入圖片了!語法是img src=”…” 注意!引號內指的是圖片的路徑,這當你傳到網路上的網頁空間最容易出現圖片顯示不出來!所以,強烈建議你要用相對路徑,如下面HTML原始碼所示,還有,對齊的方式有五種top、middle、bottom這三個是要和文字對齊的方式,你自己試試看,會發現這種用處不大,最好的方式是文繞圖的方式,這是你就靠左或靠右對齊即可!這裡我們是靠左對齊!border是給圖片加外框,我們給他兩個像素!此外,alt的用途是在於萬一圖片顯示不出來,出現叉燒包時,他會在叉燒包內出現的字。另外,你也可以用width以及height來決定圖片寬度和高度的像素,只是我們不做如此設定!以下是HTML原始碼:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/x001.jpg

而瀏覽器顯示如下:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/x002.jpg
__________________
http://i171.photobucket.com/albums/u287/sad_jellyfish/net-pic/s_zpsf91b1q3t.jpghttp://i171.photobucket.com/albums/u287/sad_jellyfish/gif/banner.gifhttp://i171.photobucket.com/albums/u287/sad_jellyfish/gif/kkk_zps3punatke.gif
猜謎人 目前離線  
送花文章: 1110, 收花文章: 16299 篇, 收花: 83317 次
有 3 位會員向 猜謎人 送花:
bearipf (2007-05-10),zazoo (2007-05-28),愛跳舞 (2007-05-13)
感謝您發表一篇好文章
 


主題工具
顯示模式

發表規則
不可以發文
不可以回覆主題
不可以上傳附加檔案
不可以編輯您的文章

論壇啟用 BB 語法
論壇啟用 表情符號
論壇啟用 [IMG] 語法
論壇禁用 HTML 語法
Trackbacks are 禁用
Pingbacks are 禁用
Refbacks are 禁用


所有時間均為台北時間。現在的時間是 04:31 AM


Powered by vBulletin® 版本 3.6.8
版權所有 ©2000 - 2018, Jelsoft Enterprises Ltd.


SEO by vBSEO 3.6.1