HTML - 실습문제 03

2022-07-07(14일차)

💾 문제 파일

프레임 나누기 문제.hwp

0.04MB

---

🗒️ 프레임 예제(1)

<!-- 1. [30%, 70%] 프레임 나누기 -->
<frameset cols="30%, 70%">
    <frame src="left.htm"></frame>
    <frame src="right.htm"></frame>
</frameset>

---

🗒️ 프레임 예제(2)

<!-- 2. [50%, 50%]으로 프레임 나누기 -->
<frameset rows="50%, 50%">
    <frame src="top.htm"></frame>
    <frame src="bottom.htm"></frame>
</frameset>

---

🗒️ 프레임 예제(3)

<!-- 3. [20%, 30%, 50%]으로 프레임 나누기 -->
<frameset rows="20%, 30%, 50%">
    <frame src="top.htm"></frame>
    <frame src="middle.htm"></frame>
    <frame src="botton.htm"></frame>
</frameset>

---

🗒️ 프레임 예제(4)

<!-- 4. [20%, *]로 프레임 나누기 -->
<frameset rows="20%, *">
    <frame src="top.htm"></frame>
    <frameset cols="20%, *">
        <frame src="middle.htm"></frame>
        <frame src="bottom.htm"></frame>
    </frameset>
</frameset>

---

🗒️ 프레임 예제(5)

<!-- 5. [20%, *, 20%]로 프레임 나누기 -->
<frameset rows="20%, *, 20%">
    <frame src="top.htm"></frame>
    <frameset cols="20%, *">
        <frame src="left.htm"></frame>
        <frame src="right.htm"></frame>
    </frameset>
    <frame src="bottom.htm"></frame>
</frameset>

---

🗒️ 프레임 예제(6)

<!-- 6. [50%, *, 50%]로 프레임 나누기 -->
<frameset rows="50%, 50%">
    <frameset cols="50%, *, 50%">
        <frame src="1"></frame>
        <frame></frame>
        <frame src="2"></frame>
    </frameset>

    <frameset cols="50%, *, 50%">
        <frame src="3"></frame>
        <frame></frame>
        <frame src="4"></frame>
    </frameset>
</frameset>