고정 헤더 영역
상세 컨텐츠
본문
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>
<a href="\20240702\webEx1.html" target="frame_abc"> 연습문제1</a>
<a href="\20240702\webEx2.html" target="frame_abc"> 연습문제2</a>
<a href="\20240702\webEx3.html" target="frame_abc"> 연습문제3</a>
<hr>
<iframe src = "" name = "frame_abc" style = "width: 1024px; height:1024px; border:none"></iframe>
</p>
</body>
</html>
실행결과
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="\20240702\webEx1.html" target = "right">연습문제1</a><br>
<a href="\20240702\webEx2.html" target = "right">연습문제2</a><br>
<a href="\20240702\webEx3.html" target = "right">연습문제3</a><br>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<frameset cols="30%,70%">
<frame name = "left" src = "webEx.html"></frame>
<frame name = "right" src = ""></frame>
</frameset>
</html>
'풀스텍과정' 카테고리의 다른 글
| 40일차 학습일지_CSS (0) | 2024.07.05 |
|---|---|
| 39일차학습일지_CSS (0) | 2024.07.04 |
| 37일차 학습일지_HTML (0) | 2024.07.03 |
| 36일차학습_HTML (0) | 2024.07.01 |
| 35일차학습 (0) | 2024.06.28 |
