วิธีสร้างพื้นหลังใน Html

สารบัญ:

วิธีสร้างพื้นหลังใน Html
วิธีสร้างพื้นหลังใน Html

วีดีโอ: วิธีสร้างพื้นหลังใน Html

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

หน้าเว็บที่มีพื้นหลังมักจะดูดีกว่าไม่มี ความถูกต้องของการแสดงหน้าเว็บขึ้นอยู่กับการกระทำที่มีอำนาจในการเพิ่มพื้นหลัง

วิธีสร้างพื้นหลังใน html
วิธีสร้างพื้นหลังใน html

คำแนะนำ

ขั้นตอนที่ 1

วิธีที่ง่ายที่สุดในการสร้างพื้นหลังในเอกสาร html คือการกำหนดค่าแอตทริบิวต์ให้กับแท็ก body ค่าที่กำหนดสำหรับแอตทริบิวต์ background จะกำหนดภาพพื้นหลังบนหน้า หากคุณตั้งค่าแอตทริบิวต์ bgcolor หน้าจะใช้สีพื้นหลัง สีในแอตทริบิวต์ bgcolor ของแท็ก body สามารถระบุเป็นเลขฐานสิบหกหรือเพียงคำเดียว

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

คำแนะนำข้างต้นสามารถเขียนในเนื้อหาของเอกสาร html ได้ ในการดำเนินการนี้ ให้เปิดแท็กรูปแบบในส่วนบริการระหว่างแท็กหลัก (การเปิดและปิด) คำสั่ง CSS ใดๆ สามารถเขียนได้ระหว่างการเปิดและปิดของแท็กที่กำหนด โปรดทราบว่าในกรณีนี้ น้ำหนักหน้าจะเพิ่มขึ้น ซึ่งอาจส่งผลเสียต่อเวลาที่ใช้ในการโหลดสำหรับผู้ใช้ปลายทาง นอกจากนี้ ควรสังเกตด้วยว่าในกรณีของการระบุภาพพื้นหลัง สามารถทำซ้ำในแนวนอน แนวตั้ง หรือตามแกนสองแกนพร้อมกันได้ แอตทริบิวต์ background-repeat ใน CSS เป็นผู้รับผิดชอบ ภาพพื้นหลังสามารถเทียบชิดขอบได้โดยไม่คำนึงถึงแถบเลื่อนในเอกสาร เพื่อให้บรรลุผลนี้ คุณต้องระบุการแนบพื้นหลัง: แก้ไข

ขั้นตอนที่ 4

พื้นหลังของเอกสาร html สามารถทำได้โดยใช้ภาษาโปรแกรม คุณสามารถเขียนคำสั่ง html โดยใช้ JavaScript โครงสร้างภาษา document.write เหมาะสำหรับสิ่งนี้ หากสิ่งเดียวกันแสดงผ่าน DOM คำสั่ง document.body.style.backgroundColor = “red” จะทำให้พื้นหลังของหน้าเป็นสีแดง ซึ่งเหมือนกับการเขียนแอตทริบิวต์ที่เหมาะสมโดยตรงใน CSS

ขั้นตอนที่ 5

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

แนะนำ: