จัดรูปการ์ตูนไว้ด้านซ้าย แล้วใส่ข้อความไว้ด้านขวา
ตัวอย่างรูปภาพนี้ เราใช้รูปภาพเคลื่อนไหว ลองเอาเม้าส์ชี้ดู
จะเห็นว่าเราใส่ alt เพื่อเพิ่มคำอธิบายภาพ และเมื่อคลิก
ที่รูปภาพ ก็จะได้ส่งเมล เป็นการใส่อีเมลลิงค์ให้รูปภาพค่ะ
ในชุดแรกนี้ คือย่อหน้าแรก ใช้แท็ก p เป็นตัวแบ่งย่อหน้าค่ะ
นี่คือย่อหน้าที่ 2 ก็ใช้แท็ก p อีกชุด มาครอบตัวหนังสือชุดนี้
หัวข้อหลักของหน้าเว็บไซต์นี้ ใช้แท็ก h1 เพื่อแสดงหัวเรื่องค่ะ
ส่วนเส้นใต้ที่ขีดนั้น ไม่ได้ใช้แท็ก hr เป็นเส้นขีดคั่น แต่ใช้รูปภาพ
ตกแต่งเว็บไซต์ธรรมดา ก็แทรกภาพลงไปตามปกติค่ะ
จัดตำแหน่งชิดขวา
ตัวหนังสือชุดนี้ แค่ใช้แอตทริบิวท์ align จัดชิดขวาเพิ่มเข้าไป ในแท็ก p ค่ะ
และเราก็ยังเปลี่ยนสีฟอนต์เพื่อเพิ่มความสวยงามได้ด้วย
ส่วนรูปภาพด้านล่างสุดนี้ เราก็ใช้รูปภาพเคลื่อนไหว จัดตำแหน่งชิดขวาค่ะ
เป็นไงบ้างคะ ทั้งหมดนี้ ยังไม่ได้ใช้แท็กระดับสูงขึ้น อื่นๆ เลยนะคะ เพียงแค่แท็ก html ธรรมดา ที่สอนไป
ก็สามารถตกแต่งเว็บไซต์ให้ดูดี ได้ระดับหนึ่งเลยทีเดียวค่ะ
© 2008 Sarngweb.com allrights reserved.