프로그래밍/HTML&CSS
iframe(아이프레임)
하와이블루
2022. 8. 22. 11:27
728x90
iframe 태그는 inline frame의 약자로 웹 페이지 안에 또 다른 웹 페이지를 삽입하는 태그이다. 이미지 태그와 형태가 비슷하다.
<iframe src="삽입할 페이지의 주소 또는 문서 위치" style="크기를 지정할 css코드"></iframe>여기서 css 코드는 HTML 태그의 스타일을 부여하는 방법으로 너비, 높이, 테두리 모양 등을 다루는 데 사용한다. 앞으로 HTML 포스팅이 끝나면 CSS 포스팅을 시작할 계획이다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>아이프레임</title>
</head>
<body>
<h2>아이프레임</h2>
<p>
<iframe src="https://WWW.daum.net" name="iframe"
style="width: 500px; height: 400px; border: 2px dashed black;"></iframe>
</p>
</body>
</html>
728x90