*main.html의 세번째 테이블 완성하기
*프레임 셋 만들기 - <frameset>, <rows>(가로로 구분)
아래 그림과 같이 프레임을 구분해주는 html을 만들어보자.
<html>
<head>
<title>프레임 셋 만들기</title>
</head>
<frameset rows="100,*"> <!행으로(rows)>
<frame src="01.html">
<frame src="02.html">
</html>
세로로 프레임셋 구분하기 - <cols>
<html>
<head>
<title>프레임 셋 만들기</title>
</head>
<frameset rows="100,*">
<frame src="01.html">
<frameset cols="100,*">
<frame src="link.html">
<frame src="02.html">
</html>
*스크롤 없애기, 프레임 구분선 이동 금지하기
(1) 스크롤 없애기 : <scrolling="no">
(2) 구분선 이동금지 : <noresize>
아래의 그림에서 보면 마우스 스크롤을 움직일 수 있게 되어있는 것을 알 수 있다.
그 마우스 스크롤을 없애고, 구분선까지 없어지도록 해야겠지?
아래가 바로 적용된 그림이다.
<html>
<head>
<title>프레임 셋 만들기</title>
</head>
<frameset rows="100,*">
<frame src="01.html">
<frameset cols="170,*">
<frame src="link.html" scrolling="no" noresize>
<frame src="02.html">
</html>
*하이퍼링크 클릭시 main.html창에서 보이게 하기
1. index.html 설정
-> 이름설정: <name>
먼저 위의 그림처럼 세팅을 한다. 소스코드는 밑에 있다.
프레임 주소를 지정할 때, <name>태그를 사용해서 main프레임의 이름을 "sub"로 지정해준다.
<html>
<head>
<title>프레임 셋 만들기</title>
</head>
<frameset rows="100,*">
<frame src="top.html">
<frameset cols="170,*">
<frame src="link.html" scrolling="no" noresize>
<frame src="main.html" name="sub">
</html>
2. top.html 설정
-> "회사소개" 링크 클릭시, main프레임으로 가게 하기 - <target="이름">
회사소개 링크를 마우스로 클릭하게 되면, 새창이 뜨거나 다른 창으로 가지 않고!
아래 그림과 같이 main프레임이 바뀌게 된다.
<html>
<head>
<title>탑 메뉴 있는 부분</title>
<!--주석-->
</head>
<body>
<table border="0" align="center">
<tr align="center">
<td width="200px"><img src="http://www.kccworld.co.kr/images/new/gnb_menu_01.gif"></td>
<td width="150px"><a href="04.html" target="sub">회사소개</a></td>
<td width="150px"><a href="#">사업분야</a></td>
<td width="150px"><a href="#">R&D</a></td>
<td width="150px"><a href="#">고객지원</a></td>
<td width="150px"><a href="#">인재채용</a></td>
</tr>
</table>
</body>
</html>
