Page Properties LinkCSS pp 101 Iframe htm HTML

  • Slides: 41
Download presentation

� [Page Properties] 선택 � Link(CSS) 선택 [참고: pp. 101]

� [Page Properties] 선택 � Link(CSS) 선택 [참고: pp. 101]

[기본예제] 아이프레임 태그 연습 Iframe. htm <HTML> <HEAD> <TITLE>아이프레임 연습</TITLE> </HEAD> <BODY> <center><h 3>iframe</h

[기본예제] 아이프레임 태그 연습 Iframe. htm <HTML> <HEAD> <TITLE>아이프레임 연습</TITLE> </HEAD> <BODY> <center><h 3>iframe</h 3> <iframe src=“. /part 02/shop_info 1. htm” width=“ 500” height=“ 300” frameborder=“ 1”> </iframe> </BODY> </HTML> [참고: pp. 106~107]

[기본예제 1] 프레임 태그 연습 [frame 1. htm] <HTML><HEAD><TITLE>프레임 상하 분할 연습</TITLE></HEAD> <FRAMESET ROWS="50%,

[기본예제 1] 프레임 태그 연습 [frame 1. htm] <HTML><HEAD><TITLE>프레임 상하 분할 연습</TITLE></HEAD> <FRAMESET ROWS="50%, *" > <FRAME SRC="content 1. htm" NAME="frame 1"> <FRAME SRC="content 2. htm" NAME="frame 2"> </FRAMESET> </HTML> [content 1. htm] <HTML><HEAD><TITLE>프레임 상하 분할 연습</TITLE></HEAD> <BODY><CENTER><H 3> content 1. htm입니다. </H 3> </CENTER></BODY> </HTML> [content 2. htm] <HTML><HEAD><TITLE>프레임 상하 분할 연습 </TITLE></HEAD><BODY> <CENTER><H 3> content 2. htm입니다. </H 3> </CENTER></BODY></HTML>

[기본예제 2] 프레임 태그 연습 [frame 2. htm] <HTML><HEAD><TITLE>프레임 좌우 분할 연습</TITLE></HEAD> <FRAMESET COLS="50%,

[기본예제 2] 프레임 태그 연습 [frame 2. htm] <HTML><HEAD><TITLE>프레임 좌우 분할 연습</TITLE></HEAD> <FRAMESET COLS="50%, 50%" > <FRAME SRC="content 1. htm" NAME="frame 1"> <FRAME SRC="content 2. htm" NAME="frame 2"> </FRAMESET> </HTML>

[기본예제 3] 프레임 태그 연습 [frame 3. htm] <HTML><HEAD><TITLE>프레임 중첩 연습 </TITLE></HEAD> <FRAMESET ROWS="20%,

[기본예제 3] 프레임 태그 연습 [frame 3. htm] <HTML><HEAD><TITLE>프레임 중첩 연습 </TITLE></HEAD> <FRAMESET ROWS="20%, *"> <FRAME SRC="content 1. htm" NAME="frame 1"> <FRAMESET COLS="30%, *"> <FRAME SRC="content 2. htm" NAME="frame 2"> <FRAME SRC="content 3. htm" NAME="frame 3"> </FRAMESET> </HTML> [content 3. htm] <HTML><HEAD><TITLE>프레임 중첩 연습</TITLE> </HEAD> <BODY> <CENTER> <H 3> content 3. htm입니다. </H 3> </CENTER> </BODY> </HTML> 행을 20: 80으로 분할 상단 창의 정보 정의 하단 프레임의 열을 30: 70으로 분할 좌측 창의 정보와 우측 창의 정보 정의

[프레임셋 실습과제] � Frame. htm Pinkhouse_leftframe. htm � Pinkhouse_topframe. htm � Pinkhouse_notice. htm �

[프레임셋 실습과제] � Frame. htm Pinkhouse_leftframe. htm � Pinkhouse_topframe. htm � Pinkhouse_notice. htm �