วิธีเปลี่ยนพื้นหลังใน HTML

สารบัญ:

วิธีเปลี่ยนพื้นหลังใน HTML
วิธีเปลี่ยนพื้นหลังใน HTML

วีดีโอ: วิธีเปลี่ยนพื้นหลังใน HTML

วีดีโอ: วิธีเปลี่ยนพื้นหลังใน HTML
วีดีโอ: ภาษา HTML คำสั่งใส่สีพื้นหลัง,ใส่ภาพพื้นหลังเว็บไซต์ 2024, พฤศจิกายน
Anonim

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

วิธีเปลี่ยนพื้นหลังใน HTML
วิธีเปลี่ยนพื้นหลังใน HTML

พารามิเตอร์พื้นหลัง

เปิดไฟล์หน้า HTML ของคุณเพื่อแก้ไขในตัวแก้ไขที่คุณใช้ ในการดำเนินการนี้ คุณสามารถคลิกขวาที่เอกสารและเลือกส่วน "เปิดด้วย"

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

ในกรณีนี้ เส้นทางไปยังรูปภาพอาจเป็น URL (เริ่มต้นด้วย https://) สามารถระบุตำแหน่งได้จากไดเรกทอรีราก (/root/folder/background.jpg) หรือสัมพันธ์กับตำแหน่งของเอกสาร HTML ที่กำลังแก้ไข (เช่น โฟลเดอร์ / background.jpg)

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

พารามิเตอร์ Bgcolor

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

รหัสนี้ทำให้หน้ามีพื้นหลังสีน้ำเงิน หากคุณต้องการตั้งค่าโทนสีหรือสีที่แม่นยำยิ่งขึ้น ให้ใช้ค่าของจานสี HTML:

ในกรณีนี้ # 002902 คือสีที่จะกำหนดให้กับหน้า

คุณสมบัติ CSS

คุณยังสามารถตั้งค่าพื้นหลังโดยใช้ CSS ในพารามิเตอร์:

ด้วย CSS คุณสามารถระบุภาพพื้นหลังสำหรับหน้าผ่าน background-image:

การใช้ CSS และ HTML ให้ผลลัพธ์เหมือนกัน อย่างไรก็ตาม ควรใช้ CSS เมื่อตั้งค่าพารามิเตอร์การแสดงหน้า

แนะนำ: