HTML > HTML Tutorial
พื้นหลัง HTML
พื้นหลัง HTML (HTML Backgrounds) ถ้ามีพื้นหลังที่ดีสามารถทำให้เว็บไซต์ดูดีและน่าสนใจ
พื้นหลัง
แท็ก <body> มีสองคุณลักษณะที่สามารถกำหนดพื้นหลัง พื้นหลังนี้สามารถเป็นสีหรือภาพ
bgcolor
คุณลักษณะ bgcolor กำหนดสีพื้นหลังสำหรับเพจ HTML ค่าของคุณลักษณะนี้ สามารถเป็นเลขฐานสิบหก ค่า RGB หรือชื่อสี
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black"> |
คำสั่งข้างบนทั้งหมดตั้งค่าสีพื้นหลังเป็นสีดำ
background
คุณลักษณะ background กำหนดภาพพื้นหลังสำหรับเพจ HTML ค่าของคุณลักษณะนี้เป็น URL ของภาพที่ต้องการใช้ ถ้าภาพเล็กกว่า window ของ browser ภาพจะได้รับการซ้ำจนกระทั่งเติมทั่วทั้ง window ของ browser
<body background="widelogo.jpg">
<body background="http://www.widebase.net/mytools/img/widelogo.jpg"> |
URL นี้สามารถเป็นแบบสัมพัทธ์ (เหมือนกับบรรทัดแรก) หรือแบบสัมบูรณ์ (เหมือนกับบรรทัดที่สอง)
หมายเหตุ ถ้าต้องการใช้ภาพพื้นหลังต้องสนใจ
- ภาพพื้นหลังจะเพิ่มเวลาการโหลดมากไปหรือไม่?
- ภาพพื้นหลังจะดูดีกับภาพอื่นบนเพจหรือไม่?
- ภาพพื้นหลังจะดูดีกับสีข้อความบนเพจหรือไม่?
- ภาพพื้นหลังจะดูดี เมื่อมีการซ้ำภาพหรือไม่?
- ภาพพื้นหลังจะดึงความสนใจจากข้อความหรือไม่?
หมายเหตุพื้นฐาน
คุณลักษณะ bgcolor, background และ text ในแท็ก <body> ถูกยกเลิกในเวอร์ชันล่าสุดของ HTML (HTML 4 และ XHTML) โดย World Wide Web Consortium (W3C) ยกเลิกจาก recommendation ของพวกเขา และให้ใช้ Style sheets (CSS) แทน (เพื่อกำหนดผังและคุณลักษณะการแสดงผลของ HTML elements)
|