วิธีเติมพื้นหลังใน Html

สารบัญ:

วิธีเติมพื้นหลังใน Html
วิธีเติมพื้นหลังใน Html
Anonim

ภาษามาร์กอัป HTML ช่วยให้คุณสามารถทำให้พื้นหลังของหน้าเป็นสีทึบของสีใดก็ได้ รวมทั้งวางรูปภาพไว้บนนั้น ทำให้สามารถรับข้อความได้ เช่น แนวนอนหรือพื้นผิวกระดาษ

วิธีเติมพื้นหลังใน html
วิธีเติมพื้นหลังใน html

คำแนะนำ

ขั้นตอนที่ 1

เมื่อเลือกสีพื้นหลังหรือรูปภาพที่จะวาง ให้พิจารณาว่าข้อความนั้นอ่านง่ายหรือไม่ พื้นหลังควรตัดกัน กล่าวคือ ตัวละครควรโดดเด่นอย่างชัดเจน หากคุณตัดสินใจสร้างภาพกราฟิกพื้นหลัง คุณต้องแน่ใจว่าคุณเป็นผู้เขียนภาพหรือมีสิทธิ์ใช้ภาพดังกล่าวตามสัญญา (เช่น ใบอนุญาตฟรี)

ขั้นตอนที่ 2

ค้นหาแท็กในซอร์ส HTML ของหน้า ในการทำให้พื้นหลังเป็นสีทึบและมีสี ให้เพิ่มตัวแปร bkcolor โดยมีอาร์กิวเมนต์เป็นรหัสสี หลังจากนั้น โครงสร้างจะเป็นดังนี้: <body bkcolor = rrggbb: gt; โดยที่ rr, gg และ bb เป็นเลขฐานสิบหกในช่วง 00 ถึง FF อันแรกกำหนดความเข้มขององค์ประกอบสีแดง อันที่สอง - เป็นสีเขียว และอันที่สาม - เป็นสีน้ำเงิน

ขั้นตอนที่ 3

หากคุณต้องการวางรูปภาพบนพื้นหลัง ก่อนอื่นให้ลดขนาดลงเพื่อให้มีความละเอียดทั้งแนวนอนและแนวตั้งน้อยกว่า 320 บันทึกเป็นไฟล์ใหม่เพื่อไม่ให้ไฟล์ต้นฉบับเสียหาย โปรดใช้รูปแบบ JPG,.png

ขั้นตอนที่ 4

ใช้เว็บอินเตอร์เฟสหรือซอฟต์แวร์ไคลเอนต์ FTP วางไฟล์รูปภาพในโฟลเดอร์เซิร์ฟเวอร์ที่มีไฟล์ HTML ที่คุณกำลังแก้ไขอยู่

ขั้นตอนที่ 5

แทนที่จะเป็นตัวแปร bkcolor ให้เพิ่มตัวแปรพื้นหลังให้กับแท็กโดยมีอาร์กิวเมนต์เป็นชื่อไฟล์รูปภาพ ตอนนี้จะมีลักษณะดังนี้: โดยที่ fon

ขั้นตอนที่ 6

อัปโหลดไฟล์ HTML ที่อัปเดตไปยังเซิร์ฟเวอร์ เปิดในเบราว์เซอร์ ตรวจสอบให้แน่ใจว่าพื้นหลังแสดงอย่างถูกต้อง หากมีรูปภาพอยู่ ภาพนั้นจะทำซ้ำทั้งในแนวนอนและแนวตั้ง เติมพื้นที่ว่างบนหน้าทั้งหมด ตรวจสอบว่าข้อความบนพื้นหลังใหม่อ่านได้ดีเพียงใดในเบราว์เซอร์ต่างๆ ใช้ไฟล์สีหรือกราฟิกอื่นหากจำเป็น

แนะนำ: