본문 바로가기
IT/HTML CSS

HTML 7단계 - 프레임(frame) 3탄

by Rui 2020. 12. 8.
반응형

안녕하세요.

HTML 7단계 프레임(frame) 3탄 시간이 돌아왔습니다.

저번 시간에는 프레임(frame) 2탄를 알아봤는데요 혹시나 잊지는 않으셨겠죠?~^^;

오늘도 화이팅하며, 부담없이 봐주시면 됩니다.~

자 그럼 HTML 7단계 프레임(frame) 3탄 시작해볼께요~

 

▣ frame target

 

프레임(frame)으로 나누어진 문서에 대해서 타겟을 지정하는 방법입니다.

 

예문을 한번 살펴볼께요. 따라서 작성해 보시고 테스트해 보세요.

<a href="http://viplife.tistory.com" target="right">티스토리</a>

<a href="http://www.naver.com" target="right">네이버</a>

 

위의 소스를 보시면 링크의 타겟을 right로 지정한것을 보실 수 있는데요 이것은 right라는 이름을 가지고 있는 프레임에 링크가 걸린 페이지를 불러온다는 의미입니다.

여기서 주의 하실 점이 있는데요 타겟값과 프레임의 이름을 동일하게 맞춰주어야만 된다는건데요.

그래야만 링크한 문서가 타겟에 설정한 프레임에 정상적으로 나오게 됩니다.

 

▣ noframes

 

프레임(frame) 태그를 읽지 못하는 웹브라우저가 있는데요. 이를 대비해서 noframes 태그를  사용합니다. 

noframes 태그를 사용해서 프레임으로 이루어진 문서라는것을 인식시켜줘야하기 때문입니다.

 

예문을 한번 살펴볼께요. 따라서 작성해 보시고 테스트해 보세요.

<noframes>해당 문서는 프레임을 인식할 수 있는 웹 브라우저에서만 확인이 가능합니다.</noframes>

 

어떠신가요? 이해가 잘 되시나요?~~

그리고 항상 말씀드리는 거지만 반복해서 연습하셔야 된다는 건 필수인거 아시죠?ㅎㅎㅎ

다음시간에는 테이블(table) 1탄을 포스팅 해볼껀데요. 많은 응원과 기대해주세요. 감사힙니다.

 

 

반응형

'IT > HTML CSS' 카테고리의 다른 글

HTML 9단계 - 테이블(Table) 2탄  (0) 2020.12.09
HTML 8단계 - 테이블(Table) 1탄  (0) 2020.12.08
HTML 6단계 - 프레임(frame) 2탄  (0) 2020.12.07
HTML 5단계 - 프레임(frame) 1탄  (0) 2020.12.07
HTML 4단계 - 링크  (0) 2020.12.06


이 포스팅은 쿠팡 파트너스 활동의 일환으로 이에 따른 일정액을 수수료를 제공받을 수도 있습니다



댓글