happy cat image

everdevel

coding

login
알림X
  • 현재 댓글에 대한 답변만 표시합니다.
  • 표시할 댓글 이력이 없거나 로그인해 주세요.
























everdevel이 만든 무료 클라우드 개발환경을 소개합니다.

방문해 주셔서 감사합니다.

iframe 태그

아이프레임은 웹브라우져에 다른 사이트를 일정공간에 보이게 해줍니다.
아이프레임을 사용하여 위에는 한 화면을 반으로 쪼개서 한쪽은 네이버가 나오게 하고 한쪽은 다음이 나오게 할 수 있습니다.
아이프레임의 활용방법은 다음과 같습니다.

iframe태그 사용 방법

<iframe src="링크할 주소"></iframe>

이 아이프레임의 크기를 설정하려면 테이블처럼 width, height를 지정하면 됩니다. 그리고 스크롤을 생성 여부도 조종할 수 있습니다 scrolling="yes,no,auto"세가지로 정하시면 되구요. auto로 하시면 필요할시 생성하고 필요없을시 생성하지 않습니다. 그것은 사이즈로부터 판단합니다.
실습해 봅시다. 아래의 소스를 작성해 주시구요.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>iframe태그 학습</title>
</head>
<body>
    <iframe src="https://www.everdevel.com" style="width:90%" height="500" scrolling="auto">
    </iframe>
</body>
</html>

결과는 바로 아래에서 확인하겠습니다.

결과

이런식으로 여러개 사용하여서 필요한만큼 쓰시면 됩니다.

다음강좌는 form 태그입니다.
회원가입 하실때 많이 보시던 것들입니다.


봐주셔서 감사합니다. 문의 또는 잘못된 설명은 아래의 댓글에 부탁드립니다.
당신의 작은 누름이 저에게는 큰 희망이 됩니다.

컨텐츠의 내용을 더 보려면 바로 아래에서 확인할 수 있습니다.


    
    

강좌로 돌아가기

댓글 0개

정렬기준