HTML의 프레임은 브라우저 창을 여러 섹션으로 나누는 방법이며 각 섹션은 다른 HTML 문서를 로드하고 표시할 수 있습니다. 이 기사에서는 HTML 프레임의 실제 예를 볼 것입니다.

최근 몇 년 동안 CSS 및 JavaScript는 여전히 일부 웹사이트, 특히 1990년대와 1990년대 초에 만들어진 웹사이트에서 찾을 수 있습니다. 2000년의 것.

HTML에서 프레임 또는 프레임은 어떻게 작동합니까?

프레임은 두 가지 요소로 구성됩니다.

1. 프레임셋: 요소 브라우저 창을 직사각형 섹션으로 나누는 데 사용되며 각 섹션은 자체 HTML 문서를 로드할 수 있습니다.

2. 프레임: 요소 내에서 사용됩니다 각 개별 섹션을 정의합니다. 그리고 프레임셋 내부에 로드된 다른 문서를 호출하기 위해 보냅니다.

• 팔로우: iFrame 예

HTML에서 프레임을 만드는 방법

프레임이 있는 HTML 문서를 만들려면 매우 간단한 두 단계를 따르십시오.

1. 요소를 사용하여 프레임의 구조를 정의하는 HTML 문서를 만듭니다.. 예를 들어:

파일 1: frameset.html

2. 프레임 내에 로드할 하나 이상의 HTML 문서를 만듭니다.

파일 2: frame1.html

프레임 1입니다.

파일 3: frame2.html

이것은 프레임 2입니다.

HTML의 프레임 속성

가장 중요한 요소 속성 중 일부 이다:

• 스크롤링: 이 속성은 프레임에서 스크롤 막대의 모양을 제어하는 ​​데 사용됩니다. "auto", "yes" 또는 "no" 값을 가질 수 있습니다.

• 크기 조정 없음: 이 속성은 사용자가 프레임 크기를 조정하지 못하도록 하는 데 사용됩니다.

• 얌: 이 속성은 프레임에 링크 및 스크립트에서 프레임을 참조하는 데 유용할 수 있는 이름을 지정하는 데 사용됩니다.

instagram story viewer

• 소스: 이 속성은 프레임에 로드할 HTML 문서의 URL을 지정하는 데 사용됩니다.

• 프레임 테두리: 이 속성은 프레임에 테두리가 있어야 하는지 여부를 지정합니다. 가능한 값은 "1"(테두리 표시) 또는 "0"(테두리 없음)입니다. 예를 들어, .

• 국경: 이 속성은 프레임 사이의 테두리 너비를 픽셀 단위로 정의합니다. 예를 들어, 프레임 사이에 5px 테두리를 만듭니다.

• 프레임 간격: 이 속성은 다음과 유사합니다. 국경. 또한 프레임 사이의 공간을 픽셀 단위로 정의합니다. 예를 들어, 프레임 사이에 10px 간격을 설정합니다.

• 경계색: 이 속성을 사용하면 프레임의 테두리 색상을 변경할 수 있습니다. 모든 유효한 색상을 지정할 수 있습니다. 예를 들어, 프레임 테두리를 빨간색으로 만듭니다.

사용 예:

특정 프레임에 연결하는 방법

속성을 사용하여 특정 프레임에서 링크를 열 수 있습니다. 표적 레이블에서. 의 가치 표적 프레임 이름(얌 의 속성 ). 예를 들어:

menu.html에서
페이지 1
2 쪽

이 경우 메뉴 프레임에서 "페이지 1" 또는 "페이지 2" 링크를 클릭하면 "콘텐츠" 프레임에 해당 페이지가 로드됩니다.

틀을 깨는 방법

링크가 프레임세트 외부의 페이지를 열려면(즉, 전체 프레임세트 교체) 특수 값을 사용할 수 있습니다. _맨 위 속성에 대한 표적. 예를 들어:

menu.html에서
틀에서 벗어나다

"Exit Frames"를 클릭하면 브라우저가 전체 창에서 "pageOutofFrames.html"을 로드하여 프레임셋을 대체합니다.

프레임을 사용하여 화면을 두 열로 나누는 예

이 예는 화면을 동일한 크기의 두 열로 나눕니다. 각 열은 다른 HTML 페이지를 로드합니다.

프레임이 있는 탐색 사이드바를 만드는 예

이 예는 화면의 25%를 차지하고 탐색에 사용되는 사이드바를 만듭니다. 나머지 화면은 주요 콘텐츠를 표시하는 데 사용됩니다.

화면을 행과 열로 나누는 예제

이 더 복잡한 예는 화면을 4개의 동일한 부분으로 나눕니다. 각 섹션은 다른 HTML 페이지를 로드합니다.

HTML 프레임을 사용한 상단 탐색의 예

연속으로 두 개의 프레임을 정의하는 파일을 만듭니다. 이것이 정의하는 두 개의 파일은 하나는 탐색(창 너비의 20%를 차지함)이고 다른 하나는 기본 콘텐츠(창 너비의 나머지를 차지함)입니다.

다음으로 "navigation.html" 및 "content.html" 파일을 만들어야 합니다. 예를 들어 "navigation.html"은 다음과 같습니다.

페이지 1

2 쪽

3페이지


그리고 "content.html"은 다음과 같을 수 있습니다.

저희 웹사이트에 오신 것을 환영합니다!

내비게이션에서 선택한 페이지의 내용이 여기에 표시됩니다.

이 경우 "navigation.html"에서 링크를 클릭하면 해당 페이지가 "content" 프레임에 로드됩니다.