วิธีหนึ่งในการแทรกหน้าลงในหน้าคือการใช้ความสามารถ HyperText Markup Language (HTML) เพื่อแยกหน้าออกเป็นหน้าต่างแยกต่างหาก หน้าต่างดังกล่าวเรียกว่า "เฟรม" และมีหลายหน้าต่างในหน้าเดียว ในทางกลับกัน แต่ละเฟรมสามารถมีชุดของเฟรมได้ และแต่ละเฟรมสามารถโหลดด้วยเพจจากแหล่งต่างๆ ได้
มันจำเป็น
โปรแกรมแก้ไขข้อความ Notepad
คำแนะนำ
ขั้นตอนที่ 1
ในการสร้างชุดของเพจในเพจ คุณต้องเริ่มต้นด้วยการสร้างคอนเทนเนอร์สำหรับเฟรม คำแนะนำสำหรับเบราว์เซอร์ในการสร้างคอนเทนเนอร์ดังกล่าวใน HTML มีลักษณะดังนี้:
คำแนะนำดังกล่าวเรียกว่า "แท็ก" นี่คือแท็กเปิดและปิดของคอนเทนเนอร์ ซึ่งระหว่างแท็กควรวางแท็กเพื่อสร้างเฟรม แท็กมีข้อมูลเพิ่มเติมต่างๆ ที่เรียกว่า "แอตทริบิวต์" ของแท็ก ในแท็กเปิด คุณต้องระบุว่าควรแบ่งพื้นที่หน้าระหว่างเฟรมอย่างไร:
ในที่นี้แอตทริบิวต์ "cols" ระบุว่าหน้าของสองเฟรมควรแยกในแนวตั้ง โดยให้แต่ละหน้ามีความกว้าง 50% ของหน้าต่าง ในการแบ่งหน้าในแนวนอน จะใช้แอตทริบิวต์อื่น "แถว":
สามารถเขียนในลักษณะนี้ได้เช่นกัน:
ในที่นี้ เครื่องหมายดอกจัน (*) ระบุว่าควรกำหนดพื้นที่ที่เหลือทั้งหมดให้กับเฟรมที่ 2 คุณสามารถระบุค่าที่ไม่ใช่เปอร์เซ็นต์ แต่ใน "พิกเซล" - นี่คือหน่วยหลักของการวัดที่ใช้ในเลย์เอาต์ของหน้า
ขั้นตอนที่ 2
เราได้จัดการกับคอนเทนเนอร์แล้วตอนนี้เราต้องจารึกเฟรมด้วยตัวมันเอง แท็กเฟรม HTML ในรูปแบบที่ง่ายที่สุดมีลักษณะดังนี้: ในที่นี้แอตทริบิวต์ "src" จะระบุที่อยู่อินเทอร์เน็ตของหน้าเว็บที่ควรโหลดลงในเฟรมนี้ หากหน้านั้นอยู่บนเซิร์ฟเวอร์เดียวกันและอยู่ในโฟลเดอร์เดียวกัน (หรือโฟลเดอร์ย่อย) ไม่จำเป็นต้องระบุที่อยู่แบบเต็ม ชื่อไฟล์และเส้นทางไปยังโฟลเดอร์ย่อยก็เพียงพอแล้ว ที่อยู่ดังกล่าวเรียกว่า "ญาติ" และที่อยู่แบบเต็มเรียกว่า "สัมบูรณ์" แท็กเดียวกันกับที่อยู่สัมพันธ์ของหน้าสำหรับการโหลด: - การใช้แอตทริบิวต์ "scrolling" คุณสามารถกำหนดกฎสำหรับแถบเลื่อนของเฟรมนี้: ค่า "ใช่" หมายความว่าเฟรมนี้จะมีแถบเลื่อนเสมอ หากคุณใส่ค่า "ไม่" - ค่าเหล่านั้นจะไม่เป็น และค่า "อัตโนมัติ" จะกำหนดว่าแถบเลื่อนจะปรากฏขึ้นตามต้องการหากเนื้อหาของเฟรมไม่พอดีกับเส้นขอบ - โดยค่าเริ่มต้น เส้นขอบของเฟรมใน หน้าสามารถย้ายได้ด้วยเมาส์ แต่ถ้าคุณตั้งค่าแอตทริบิวต์ noresize ให้กับแท็ก คุณลักษณะนี้จะถูกปิดใช้งาน: - แท็กเฟรมมีสองแอตทริบิวต์ที่กำหนดระยะขอบระหว่างเฟรมที่อยู่ติดกัน - marginwidth ระบุขนาดของระยะขอบจากระยะขอบที่อยู่ติดกันในแนวนอน (ซ้ายและขวา), marginheight - แนวตั้ง (ด้านล่างและด้านบน): - แอตทริบิวต์อื่น - ชื่อ - ตั้งชื่อเฟรมเอง อาจจำเป็นหากเฟรมมีสคริปต์ที่ต้องทำบางอย่างในเฟรมที่อยู่ติดกันและแยกความแตกต่างตามชื่อ:
ขั้นตอนที่ 3
พื้นหลังทางทฤษฎีนี้เพียงพอที่จะสร้างหน้าธรรมดาที่มีสองหน้าจากไซต์อื่น โปรแกรมแก้ไขข้อความธรรมดาก็เพียงพอสำหรับคุณ - แผ่นจดบันทึกมาตรฐานก็ใช้ได้ สร้างเอกสารใหม่และป้อนรหัส html ต่อไปนี้ลงไป:
ตอนนี้บันทึกเอกสารของคุณด้วยนามสกุล html - ตัวอย่างเช่น test.html หลังจากนั้น การดับเบิลคลิกที่ไฟล์ test.html จะเป็นการเปิดเบราว์เซอร์ และเบราว์เซอร์จะดำเนินการตามคำแนะนำที่คุณเขียนลงในโค้ด html ผลลัพธ์ควรมีลักษณะดังนี้: