วิธีที่จะทำให้พื้นหลังในแบบ HTML

วิธีที่จะทำให้พื้นหลังในแบบ HTML

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

1
เปิดไฟล์ HTML ของคุณโดยโน้ตบุ๊คหรือแก้ไขข้อความอื่น ๆ ที่คุณคุ้นเคย

2
ตัวอย่างเช่นใช้หน้าเว็บไซต์ดั้งเดิมกับต่ำสุดของข้อความ คุณสามารถเปิดไฟล์ของคุณโดยใช้เบราว์เซอร์

3
จะเริ่มต้นด้วยการเปลี่ยนสีของพื้นหลังของคุณเป็นคนที่มีการเชื่อมต่ออินเทอร์เน็ตที่ช้าจะไม่ทันทีจะสามารถมองเห็นภาพพื้นหลังของเว็บไซต์ จำนวนหนึ่งของเวลาจนกว่าภาพจะโหลดพวกเขาสามารถมองเห็นสีของเว็บไซต์ของคุณ
ใส่ \u003cbody\u003e \u003cbody\u003e พารามิเตอร์ bgcolor \u003d "*****" ที่ ***** เป็นตัวเลขสี คุณสามารถเรียนรู้สีสำหรับ HTML ในการแก้ไขกราฟิกโดยการเลือกตัวเลือก "สำหรับ VEB" หรือในเว็บไซต์ https://colorscheme.ru/color-names

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

5
หาสีและใส่ลงในรหัสดูว่าคุณทำทุกอย่างถูกต้องดูหน้าเว็บที่เกิดจากเบราว์เซอร์

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

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

8
คัดลอกที่อยู่จากแถบการค้นหาของเบราเซอร์

9
ตอนนี้อยู่ใน \u003cbody\u003e ป้อนสตริง:

  • style \u003d "background-image: URL ( 'file: /// C: /Ussers/pail_File.jpg')"

10
บันทึกไฟล์ของคุณ

11
ตรวจสอบหน้าเว็บของพวกเขา คุณจะเห็นว่าพื้นหลังของหั่นข้อความของคุณ

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

  • พื้นหลังซ้ำ: “ความหมาย" ตัวเลือกค่าของคุณอาจจะเป็น " ซ้ำ-X " - ซ้ำภาพพื้นหลังของคุณและแนวนอนและแนวตั้ง " ซ้ำ-Y " - การทำซ้ำเฉพาะในแนวตั้ง " ไม่มีซ้ำ " - ภาพที่ถูกแช่แข็งในสถานที่และไม่ซ้ำ " ช่องว่าง " - หน้าทั้งหมดจะเต็มไปด้วยจำนวนสูงสุดของสำเนาของภาพมากพระทัยโม้ " กลม " - ตัวเลือกที่เดียวกัน แต่ที่ขอบของภาพจะถูกปรับอย่างระมัดระวัง;
  • พื้นหลังที่แนบมา: "คุ้มค่า" ถ้าเราแทนแทนคำ TEG ความหมาย " เลื่อน"ภาพจะเลื่อนพร้อมกับเว็บไซต์ " แก้ไขแล้ว"- เมื่อเลื่อนพื้นหลังยังคงไม่เปลี่ยนแปลง;
  • พื้นหลังขนาด: ค่า value2 นี่คือค่าที่จะต้องใช้เงินจำนวนพิกเซล ตัวอย่างเช่น: 100px 200px นอกเหนือไปจากพิกเซล, ได้รับการยอมรับค่าร้อยละ นี้เป็นพารามิเตอร์ที่จะเติมหน้าของภาพ นอกเหนือไปจากตัวเลขคุณสามารถป้อนพารามิเตอร์ที่สอง " บรรจุ"- เติมหน้าเว็บที่มีภาพพร้อมด้านยาวและ" ปิดบัง."- เติมหน้าด้วยภาพกว้าง

รู้เบื้องต้นเกี่ยวกับการกรอกพื้นหลังหน้าใน HTML พร้อมที่จะสร้างเว็บไซต์แรกของคุณ

เพิ่มความคิดเห็น

อีเมลของคุณจะไม่ถูกเผยแพร่ ฟิลด์บังคับถูกทำเครื่องหมาย *

ปิด