하나의 HTML 에서 화면 분할하기

자기소개 페이지를 어떻게 만들까 고민을 거듭하다가 문득 화면을 좌,우로 분할하여 표현하는게 좋을 것 같다는 생각이 들어 실행에 옮겨보았다.

좌,우에 사용할 HTML 파일 만들기
하나의 페이지에서 좌우로 분할을 하기 위해서는 좌,우에 들어갈 HTML 페이지를 각각 만들어야 하기 때문에 좌,우에 들어갈 introduce2.html 파일과 introduce3.html 파일을 만들었고
두개의 페이지를 하나에 표시해줄 mainPage.html 파일을 하나 만들었다.

세부 사항 설정 하기

좌,우를 반반으로 나누기 위해 frameset 태그를 사용했고 cols에 50%의 수치를 주어 좌,우 절반으로 화면을 분할하였다.

그 후 frame 태그를 사용하여 좌,우에 표시될 각 html 파일의 경로를 지정했다.

그리고 scrolling 속성을 통해 각 화면에서 우측 화면에서만 스크롤링이 가능하도록 설정했고,
분할된 화면의 사이즈를 조절하지 못하도록 noresize 속성도 삽입하였다.