Hypertext Markup Language

Home

HTML Tutorial
Knowledge Developer Database Internet Resource
HTML Tutorial
1. แนะนำ HTML
2. HTML Element
3. แท็ก HTML พื้นฐาน
4. คุณลักษณะ HTML
5. การจัดรูปแบบข้อความ HTML
6. HTML Character Entity
7. HTML Links
8. HTML Frame
9. ตาราง HTML
10. HTML Lists
11. ฟอร์ม HTML และการนำเข้า
12. ภาพ HTML
13. พื้นหลัง HTML
14. สี HTML
15. HTML 4.01 Quick List
 
Internet
PHP
SSI
HTML
AJAX
 

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)


 

  

สงวนลิขสิทธิ์ (C) widebase / Julaphak