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