บทที่ 5.5 การกำหนดระยะห่างรูปภาพกับข้อความ


ภาพที่ไม่ได้กำหนดระยะห่างเอาไว้ จะติดกันกับข้อความ ทำให้ดูไม่สวยงาม ดังนั้น เราจึงกำหนดระยะห่างได้ง่ายๆ โดยการใช้แอตทริบิวท์ hspace สำหรับระยะห่างแนวนอน และ vspace สำหรับระยะห่างแนวตั้ง ค่ะ


<img src="images/diary.jpg" hspace="10" vspace="10" />

ระยะห่าง : ลองใส่ค่าประมาณ 1-30 นะคะ



ระยะห่าง ระหว่างข้อความ กับ รูปภาพ



มีการบ้านให้ด้วย



ให้เพื่อนๆ ลองสร้างหน้าเว็บไซต์หน้าใหม่ ชื่อ about.html ใส่ข้อมูลส่วนตัวของคุณลงไป เป็นบรรทัดๆ ใส่รูปของคุณ ลงไปจัดตำแหน่งไว้ด้านซ้ายมือของตัวหนังสือทั้งหมด เหมือนตัวอย่างด้านล่างนี้นะคะ


การใส่รูปภาพ จัดแต่งรูปภาพ



สำหรับวันนี้ จบลงเพียงเท่านี้ก่อนนะคะ ว่างเมื่อไหร่ จะชะแว๊บเข้ามาเขียนบทต่อไปอีกนะคะ ขอให้เพื่อนๆสนุกกับการทำเว็บไซต์นะคะ





Create Date : 19 ธันวาคม 2551
Last Update : 16 มกราคม 2553 13:13:37 น. 0 comments
Counter : 2075 Pageviews.

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

Buckethuy
Location :
Thailand United States

[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 26 คน [?]




Group Blog
 
<<
ธันวาคม 2551
 123456
78910111213
14151617181920
21222324252627
28293031 
 
19 ธันวาคม 2551
 
All Blogs
 
Friends' blogs
[Add Buckethuy's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.