iframe은 인라인프레임, 현재 HTML 문서 내에 다른 문서를 포함하는 데 사용된다. <iframe>태그는 <body> 태그 내에서만 사용되며, src속성을 적지 않아도 빈 상태로 영역이 만들어 진다. 또한 인라인 프레임 안에 또 다른 인라인 프레임을 중첩해서 만들 수 있다. 최근에는 보안 상의 문제로 iframe을 가급적 사용하지 않는 것을 권장한다.
<iframe>태그 기본형식
- <iframe src="주소" width="" height=""></frame>src는 iframe에 포함할 다른 문서의 주소를 나타내며, width는 iframe의 너비 그리고 height는 iframe의 높이를 설정한다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<iframe src="https://coding-ji.tistory.com/" frameborder="0" width="200px" height="200px"></iframe>
</body>
</html>
'Frontend > HTML' 카테고리의 다른 글
| HTML에서 버튼을 만들어보자 (1) | 2024.06.30 |
|---|---|
| HTML에서 폼 요소를 사용해서 선택형 입력, 드롭다운 목록을 만들어보자 (0) | 2024.06.30 |
| HTML의 폼 요소를 사용해보자 (0) | 2024.06.30 |
| HTML 웹 페이지를 통해 사용자 입력을 받는 폼을 만들어 보자 (0) | 2024.06.29 |
| HTML에서 표(table)를 만들어보자 (0) | 2024.06.27 |
| HTML의 <a>태그에 대해 알아보자 (0) | 2024.06.27 |
| HTML 이미지 삽입을 할 수 있는 <img>태그에 대해 알아보자 (0) | 2024.06.27 |
| HTML의 목록 태그 (0) | 2024.06.27 |