지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

HTML 프레임워크를 사용하는 방법

墨辰丷
풀어 주다： 2018-06-04 15:40:33
원래의
8057명이 탐색했습니다.

브라우저 문서 창은 하나의 웹 페이지 파일만 표시할 수 있지만 프레임을 사용하면 동일한 브라우저 창에 두 개 이상의 페이지를 표시할 수 있습니다. 이 글에서는 HTML 프레임을 소개합니다.

1. 프레임

A 브라우저 문서 창은 하나의 웹 페이지 파일만 표시할 수 있지만 프레임을 사용하면 동일한 브라우저 창에 두 개 이상의 페이지를 표시할 수 있습니다. 프레임을 사용하는 페이지는 주로 두 부분으로 구성됩니다. 하나는 프레임 세트이고 다른 하나는 특정 프레임 파일입니다.

프레임은 주로 웹사이트 백엔드 또는 인트라넷 시스템의 레이아웃에 사용됩니다.

1. 프레임셋(): 이 HTML 문서를 프레임 모드로 정의하고 창이 분할되는 방식을 설정하는 데 사용되는 파일입니다. 일반인의 관점에서 프레임셋은 프레임 구조를 저장하는 파일이자 프레임 파일에 액세스하기 위한 항목 파일이기도 합니다. 웹 페이지가 왼쪽과 오른쪽 두 개의 프레임으로 구성된 경우 왼쪽과 오른쪽 두 개의 웹 페이지 파일 외에 일반 프레임 세트 파일도 있습니다. 프레임을 사용하는 페이지에서는 태그가 프레임 태그 로 대체됩니다. 프레임 페이지에 포함된 각 프레임은 태그를 통해 정의됩니다.

rows 속성: 창을 수평으로 분할합니다. 가로 분할 창은 페이지를 가로 방향으로 자르는 것, 즉 페이지를 상하로 배열된 여러 개의 창으로 나누는 것입니다. 행은 여러 값을 가질 수 있으며 각 값은 프레임 창의 가로 너비를 나타내며 단위는 픽셀 또는 브라우저의 백분율이 될 수 있습니다. 그러나 일반적으로 여러 행 값이 설정되면 여러 프레임이 필요합니다. 즉, 해당 개수의 매개변수가 필요합니다. 

  <html>
  
  <head>
  
  <title>水平分割窗口的效果</title>
  
  </head>
  
 <frameset rows="30%,70%">
 
     <frame>
 
     <frame>
 
 </frameset>
 
 </html>
로그인 후 복사

cols 속성: 창을 수직으로 분할합니다. 수직 분할 창은 페이지를 수직 방향으로 여러 개의 창으로 분할하는 것, 즉 페이지를 왼쪽과 오른쪽에 배열된 여러 개의 창으로 분할하는 것입니다. Cols는 여러 값을 가질 수 있으며 각 값은 프레임 창의 가로 너비를 나타내며 단위는 픽셀 또는 브라우저의 백분율이 될 수 있습니다. 수평 분할 창과 유사하게 일반적으로 여러 열 값을 설정하려면 여러 프레임, 즉 여러 매개변수가 필요합니다. 

  <html>
  
  <head>
  
  <title>垂直分割窗口的效果</title>
  
  </head>
  
<frameset cols="20%,55%,25%">
 
     <frame>
 
     <frame>
 
     <frame>
 
 </frameset>
 
 </html>
로그인 후 복사

frameborder 속성: 테두리를 설정합니다. 기본적으로 프레임 창 주위에는 테두리 선이 있으며, 테두리 선 표시는 프레임 테두리 매개 변수를 통해 조정할 수 있습니다. 구문은

또는 입니다. 프레임 경계 값은 0 또는 1만 될 수 있습니다. 값이 0이면 경계선이 숨겨지고, 값이 1이면 경계선이 표시됩니다. 프레임셋에서 설정하면 전체 프레임에 적용되며, 프레임에 설정하면 현재 프레임에만 적용됩니다. 

  <html>
  
  <head>
  
  <title>设置框架窗口的边框显示效果</title>
  
  </head>
  
  <frameset rows="20%,55%,25%">
 
 <frame frameborder="1">
 
 <frameset cols="35%,65%" frameborder="0">
 
 <frame >
 
 <frame>
 
 </frameset>
 
 <frame frameborder="0">
 
 </frameset>
 
 </html>
로그인 후 복사

framespacing 속성: 프레임의 테두리 너비입니다. 프레임의 테두리 너비는 기본적으로 1픽셀이며 프레임 간격 매개변수를 통해 크기를 조정할 수 있습니다.

구문: ​​

설명: 프레임 너비는 페이지 테두리 사이의 선 너비(픽셀)입니다. 이 매개변수는 프레임세트에만 사용할 수 있으며 단일 프레임에는 유효하지 않습니다. 

  <html>
  
  <head>
  
  <title>设置框架的边框宽度</title>
  
  </head>
  
 <frameset rows="30%,70%" framespacing="10">
     <frame>
 
       <frameset cols="20%,55%,25%" framespacing="30">
 
         <frame>
 
         <frame>
 
         <frame>
 
       </frameset>
 
 </frameset>
 
 </html>
로그인 후 복사

bordercolor 속성: 프레임의 테두리 색상입니다. 프레임세트의 테두리 색상을 설정하려면 bordercolor 매개변수를 사용하세요.

구문: ​​

설명: 이 매개변수는 단일 프레임이 아닌 전체 프레임세트에만 유효합니다. 

  <html>
  
  <head>
  
  <title>设置框架的边框颜色</title>
  
  </head>
  
 <frameset rows="30%,70%" framespacing="10" bordercolor ="#CC99FF">
 
     <frame>
 
      <frameset cols="20%,55%,25%" framespacing="30" bordercolor ="#9900FF">
 
         <frame>
 
         <frame>
 
         <frame>
 
       </frameset>
 
 </frameset>
 
 </html>
로그인 후 복사

2. 프레임() 및 src 속성.

프레임 구조의 각 페이지는 별도의 텍스트이며 이러한 파일은 src 매개변수를 통해 설정됩니다.

구문: ​​

설명: 페이지 파일은 프레임 페이지의 특정 내용이 있는 곳입니다. 소스 파일이 없는 프레임의 경우 빈 페이지일 뿐입니다. 효과가 없습니다. 페이지의 소스 파일은 일반 HTML 파일일 수도 있고 이미지 또는 기타 파일일 수도 있습니다. 

  <html>
  
  <head>
  
  <title>设置页面源文件</title>
  
  </head>
  
 <frameset rows="30%,70%">
 
     <frame src="pic01.gif">
     <frame src="src01.html">
 
 </frameset>
 
 </html>
로그인 후 복사

3. 태그

태그는 브라우저가 프레임을 지원하지 않을 때 페이지 콘텐츠를 표시하는 데 사용됩니다. 

  <html>
 <frameset cols="25%,50%,25%">
    <frame src="/example/html/frame_a.html">
    <frame src="/example/html/frame_b.html">
    <frame src="/example/html/frame_c.html">
  <noframes>
  <body>您的浏览器无法处理框架！</body>
  </noframes>
  </frameset>
 </html>
로그인 후 복사

2. 플로팅 프레임(

설명: 일반 프레임 구조와 유사하게 부동 프레임은 이름, 스크롤, 프레임 테두리 등과 같은 많은 매개변수를 설정할 수도 있습니다. 그러나 일반 프레임과 비교할 때 부동 프레임에는 프레임 간격 및 테두리 색상 매개변수가 포함되어 있지 않습니다.

src属性：浮动框架中最基本的参数就是src，它用来设置浮动框架页面的源文件地址，也是浮动框架页面必需的参数。因为只有设置了源文件的内容，浮动框架才有意义。语法：