Architecturas | html iframe 예제

html iframe 예제

HTML 태그가 인라인 프레임을 정의할 수 있습니다. 태그는 태그와 관련이 없으며 대신 문서의 아무 곳에나 나타날 수 있습니다. 태그는 브라우저가 스크롤 막대 및 테두리를 포함하여 별도의 문서를 표시할 수 있는 문서 내의 직사각형 영역을 정의합니다. 인라인 프레임은 현재 HTML 문서 내에 다른 문서를 포함하는 데 사용됩니다. iframe을 링크의 대상 프레임으로 사용할 수 있습니다. iframe 또는 인라인 프레임은 웹 페이지 내의 다른 웹 페이지를 포함한 외부 개체를 표시하는 데 사용됩니다. iframe을 추가하기 위한 기본 구문을 사용할 수 있습니다: iframe은 다른 웹 페이지 내에 웹 페이지를 표시하는 데 사용되며 https://www.w3schools.com URL 주소가 있는 iframe 만들기입니다. 사용자가 링크를 클릭 할 때마다 전체 페이지를 다시로드하지 않고 웹 페이지에서 이미지를 변경하는 방법을 궁금해 한 적이 있습니까? HTML 태그를 사용하면 쉽게 사용할 수 있습니다. 이 iframe 예제에서 태그를 이미지 컨테이너로 사용할 수 있는 방법을 보여 줄 것입니다.

사용자가 이미지 링크를 클릭하면 이미지가 iframe에 로드됩니다. 변경된 유일한 것은 iframe의 내용입니다. 페이지의 나머지 부분을 다시 로드할 필요가 없습니다. frameborder 특성은 iframe 주위에 테두리를 표시할지 여부를 지정합니다. 이 특성은 0 또는 1값을 전달합니다. 기본값이 1이면 테두리가 생성되지만 0값은 iframe에서 테두리를 제거합니다. 또는 CSS를 사용하여 iframe의 높이와 너비를 설정할 수 있습니다. Iframe을 사용하는 링크 대상 : iframe을 링크의 대상 프레임으로 사용할 수 있습니다.

링크의 대상 특성은 iframe의 이름 특성을 참조해야 합니다. 기본적으로 iframe에는 테두리가 있습니다. 테두리를 제거하려면 스타일 특성 및 CSS 테두리 속성을 사용할 수 있습니다. Iframe의 높이 및 너비 설정 : 높이 및 너비 속성은 iframe의 크기를 지정하는 데 사용됩니다. 속성 값은 기본적으로 픽셀단위로 지정되지만 « 80% « 와 같은 백분율로 지정할 수도 있습니다. 웹 페이지가 처음 로드되면 iframe src 특성이 가리키는 이미지가 iframe에 표시됩니다. src 특성의 값은 이미지의 URL입니다. 이 예제에서는 이미지가 웹 페이지와 동일한 서버에 있으므로 전체 웹 주소 대신 상대 주소를 사용할 수 있습니다. 구문은 다음과 같은가 HTML 인라인 프레임 요소()는 중첩된 브라우징 컨텍스트를 나타내며 다른 HTML 페이지를 현재 컨텍스트에 포함시킴입니다. 이 특성을 사용하면 프레임 테두리의 왼쪽과 오른쪽 과 프레임 내용 사이의 공간 너비를 지정할 수 있습니다. 값은 픽셀단위로 지정됩니다.

예를 들어 여백 너비 = « 10 ». iframe에는 이름이 지정되어야 합니다. 이 예제에서는 표시할 이미지를 선택하는 데 사용되는 세 개의 태그를 사용합니다. iframe 이름은 이미지의 대상으로 태그에 필요합니다. 태그는 대상 특성을 사용하여 iframe을 가리킵니다. 태그 대상 특성과 iframe 이름을 일치시켜야 합니다. iframe 이름은 iframe 이름 특성과 iframe id 특성을 사용하여 설정됩니다. 태그 특성에 대한 구문은 다음과 같은 것입니다. 해당 값은 모든 URL일 수 있습니다. 예를 들어 src = « /html/top_frame.htm »은 html 디렉토리에서 사용할 수 있는 HTML 파일을 로드합니다. 출력 : 링크 텍스트를 클릭하기 전에: 링크 텍스트를 클릭 한 후 : 지원되는 브라우저 : 태그는 나열된 브라우저에서 지원됩니다:이 iframe 예제는 전환 DTD와 XHTML 버전 1.0을 사용합니다. 태그는 엄격한 DTD에서 사용할 수 없습니다.

다음은 사용하는 방법을 보여주는 예입니다 – 이 특성은 프레임에 나타나는 스크롤 막대의 모양을 제어합니다.