프레임셋 사용법 튜토리얼

프레임은 웹 개발에 있어 반드시 숙지해야 할 지식입니다. 예를 들어, 백그라운드 아키텍처, 부분 새로 고침 및 페이지 분할은 모두 프레임을 사용하며, 특히 백그라운드 페이지 생성은 사용자에게 매우 편안한 경험을 제공합니다.

프레임 지식 포인트에는 (프레임셋 태그, 프레임 태그, iframe 태그)가 포함됩니다. 아래에 하나씩 소개합니다.

1. 프레임셋

1. 속성

①border

프레임의 테두리 두께를 설정합니다. .

②테두리 색상

프레임의 테두리 색상을 설정합니다.

3frameborder

프레임 테두리 표시 여부를 설정합니다. 설정 값은 0과 1뿐입니다. 0은 테두리가 없음을 의미하고 1은 테두리를 표시한다는 것을 의미합니다.

▲cols

페이지를 세로로 분할합니다. 수치 표현 방법에는 "30%, 30(또는 30px), *" 3가지가 있으며, 값의 개수는 분할된 창의 개수를 나타내며 값은 ","로 구분됩니다. "30%"는 프레임 영역이 전체 브라우저 페이지 영역의 30%를 차지함을 의미하고, "30"은 해당 영역의 가로 너비가 30픽셀임을 의미하고, "*"는 해당 영역이 나머지 페이지 공간을 차지함을 의미합니다. 예: cols="25%,200,*"는 페이지를 세 부분으로 나누는 것을 의미하며 왼쪽 부분은 페이지의 30%를 차지하고 가운데 가로 너비는 200픽셀이며 페이지의 나머지 부분은 오른쪽입니다. 부분.

⑤행

페이지를 가로로 분할합니다. 수치 표현 방법 및 의미는 열과 동일합니다.

⑥프레임 간격

프레임 간 예약된 공간 간격을 설정합니다.

2. 사용 사례

참고 1:

동일한

< ;frameset cols="213,*"frameborder="no" border="0"framepacing="0">

[즉, 원하는 경우 열과 행을 사용하려면 프레임세트 중첩을 사용하여 구현할 수 있습니다.]

참고 2:

의미: 첫 번째 프레임은 전체 브라우저 창의 40%를 차지하고 나머지 공간은 나머지 두 프레임에 균등하게 분배됩니다.

의미: 브라우저 창은 네 부분으로 나뉩니다.

2. 프레임

1.속성

이름

설정 프레임 이름. 이 속성을 설정해야 합니다.

②src

이 프레임에서 표시할 웹페이지의 이름이나 경로를 설정합니다. 이 속성을 설정해야 합니다.

3스크롤

스크롤바 표시 여부를 설정합니다. 설정값은 auto, yes, no 입니다.

④bordercolor

프레임의 테두리 색상을 설정합니다.

프레임 테두리 표시 여부를 설정합니다. 설정 값은 0과 1뿐입니다. 0은 테두리가 없음을 의미하고 1은 테두리를 표시한다는 것을 의미합니다.

프레임 크기를 수동으로 조정할 수 있는지 여부를 설정합니다.

7여백 너비

프레임 테두리와 그 안의 내용 사이의 너비를 설정합니다.

⑧marginhight

프레임 경계와 그 안의 내용 사이의 높이를 설정합니다.

⑨너비

프레임 너비를 설정합니다.

⑩높이

프레임 높이를 설정합니다.

2. 사용 사례

3. iframe

은 플로팅 프레임(프레임 ) , 일반적으로 사용되는 속성은 프레임과 유사하며, 다른 주요 속성은 다음과 같습니다(동일한 속성은 나열되지 않습니다)

1. 속성

①align

설정 수직 또는 수평 정렬

②allowTransparency

객체가 투명할 수 있는지 여부를 설정하거나 가져옵니다.

2. 사용 사례

참고:

iframe 태그 및 frameset , 프레임 태그의 확인 방법이 다르며 XHTML 1.0 Transitional입니다. 그리고 iframe은 body 태그 내에 배치되고, 프레임셋과 프레임은 body 태그 외부에 배치됩니다.

4. 종합 예시

종합 예시

죄송합니다. 귀하의 브라우저는 "프레임"을 지원하지 않습니다!