공책

iframe을 이용한 웹페이지 구성 본문

웹 개발/HTML 기초

iframe을 이용한 웹페이지 구성

QTHoney 2013. 8. 23. 11:20

<html>

<head>

<title> iframe에 대해 알아보자 </title>

</head>


<body>

<table width="600" height="550" bgcolor="blue" cellspacing="0" cellpadding="5">

<tr height="50" align="center">

<td width="200"><a href="top.html" target="view">[top]</a></td>

<!-- target에 iframe name을 입력하면 대상에 출력된다 -->

<td width="200"><a href="middle.html" target="view">[middle]


</a></td>

<td width="200"><a href="bottom.html" target="view">[bottom]


</a></td>

</tr>

<tr height="500" bgcolor="white">

<td colspan="3">

<iframe src="01.html" width="600" height="500" frameborder="0" scrolling="auto" 


marginwidth="15" marginheight="15" name="view">

</iframe>

</td>

</tr>

</table>

</body>

</html>


iframe 속성

frameborder 경계선

scrolling 스크롤바 생성여부 auto, yes, no

marginwidth 좌우여백

marginheight 상하여백

name iframe이름

width, height 너비 높이

저작자표시

'웹 개발 > HTML 기초' 카테고리의 다른 글

frameset을 이용한 웹페이지 나누기  (0) 2013.08.23
table 안에 table 넣기  (0) 2013.08.23
이미지 불러오기  (0) 2013.08.20
목록만들기  (0) 2013.08.20
<hr> 태그 사용법  (0) 2013.08.20
'웹 개발/HTML 기초' Related Articles more
Comments