20.HTML Iframes

 

 

iframe은 웹 페이지 내에 웹 페이지를 표시하는 데 사용됩니다.

 

 

---

Iframe 구문

---

HTML iframe은 <iframe> 태그로 정의됩니다.

<iframe src="URL"></iframe>

src 속성은 인라인 프레임 페이지의 URL (웹 주소)을 지정합니다.

 

 

 

 

Iframe-height 및 width 설정

---

height 및 widtgh 속성을 사용하여 iframe의 크기를 지정하십시오. 높이와 너비는 기본적으로 픽셀 단위로 지정됩니다.

See the Pen 01.Iframe - Set Height and Width-01 by heunho (@heunho) on CodePen.

 

또는 CSS를 사용하여 iframe의 높이와 너비를 설정할 수 있습니다.

See the Pen 01.Iframe - Set Height and Width-02 by heunho (@heunho) on CodePen.

 

 

 

 

Iframe-테두리 제거

---

기본적으로 iframe 주위에는 테두리가 있습니다. 테두리를 제거하려면 style 속성을 추가하고 CSS border 속성을 사용하십시오.

See the Pen 02.Iframe - Remove the Border-1 by heunho (@heunho) on CodePen.

 

CSS를 사용하려면 iframe 테두리의 크기, 스타일 및 색상을 변경할 수 있습니다.

See the Pen 02.Iframe - Remove the Border-2 by heunho (@heunho) on CodePen.

 

 

 

 

Iframe-Target for a Link

---

링크의 대상 프레임으로 iframe을 사용할 수 있습니다.

링크의 대상 속성은 iframe의 이름 속성을 참조해야 합니다.

See the Pen 03.Iframe - Target for a Link by heunho (@heunho) on CodePen.

 

 

 

 

---

틀린 내용, 오타, 오역이 있을 경우 댓글로 알려주시면 감사하겠습니다.

질문도 올려주시면 아는 선에서 답변해드리겠습니다.

---

대부분의 내용의 저작권은 w3schools에 있습니다.

HTML Iframes