HTML의 구성요소
HTML 문서의 작성
HTML의 기본구성
BODY 태그
주석(Comment)
줄바꾸기
P(paragraph)
BR(Line Break)
표제(Heading)
텍스트 관련 태그
FONT 태그
특수문자
링크(Link)
내부링크
이미지(image)
이미지 경로
이미지 포맷
이미지 정렬
색(color)
HTML 색상표(1)
HTML 색상표(2)
배경(background)
테이블(table)
열과 행의 확장
여백과 경계선
너비와 높이
정렬
프레임(frame)
frameset
frame
frame target
noframes
리스트(List)
type
프레임(frame)으로 나누어진 문서에서 타겟을 설정하는 방법

간단한 예제를 통하여 프레임 링크의 타겟을 설정하는 방법을 알아보겠습니다.

menu.html

먼저 아래와 같이 코딩한 다음 menu.html 로 저장합니다.

이는 왼쪽 프레임에 위치할 문서입니다.

<p><a href="http://www.homejjang.com" target="right">홈짱닷컴</a></p>
<p><a href="http://www.naver.com" target="right">네이버</a></p>

위의 소스를 보면 링크의 타겟값을 right로 지정했음을 알 수 있습니다.

이는 right라는 이름을 가지고 있는 프레임에 링크가 걸린 페이지를 불러온다는 의미입니다.

frame.html

왼쪽 문서가 만들어졌으면 이제는 프레임을 정의하는 문서를 만들어 보겠습니다.

아래와 같이 코딩한 다음 frame.html로 저장합니다.

<frameset cols="150,*">
    <frame src="menu.html">
    <frame src="http://www.homejjang.com" name="right">
</frameset>

왼쪽 문서의 링크의 타겟값이 right로 지정했으므로 오른쪽 프레임의 name 값을 right 지정해야 합니다.

이렇게 타겟값과 프레임의 이름을 동일하게 맞춰주어야만 링크한 문서가 타겟에 설정한 프레임에 나오게 됩니다.

 

Copyright © Homejjang.com All rights reserved.