728x90
반응형
코드
<body align="center">
<script>
function loadHome(){
document.getElementById("tistory-home").src = 'https://we-always-fight-with-code.tistory.com/';
}
</script>
<h2>Iframe 활용</h2>
<iframe height="400px" width="100%" id="tistory-home" style="border: 2px dotted orange;"></iframe>
<p>
<button onclick="loadHome()">군고구마말랭이의 티스토리 홈으로 이동</button>
</p>
</body>
실행
Iframe 활용
728x90
반응형
'농장 > HTML5·CSS' 카테고리의 다른 글
| [CSS] position : relative, absolute +중앙정렬하기 (0) | 2020.03.31 |
|---|---|
| [ HTML ] 이미지 원본사이즈를 최대한 유지하여 페이지에 맞추기 / 반응형 웹디자인 (0) | 2020.02.15 |
| [ HTML ] 블럭과 인라인 속성 태그 정리 (0) | 2020.02.14 |
| [ HTML ] 테이블 테두리 한 줄로 지정 & 두줄 테두리 간격 조정 (0) | 2020.02.14 |
| [ HTML ] 이미지 특정 범위에 클릭영역 지정하기 / img map (0) | 2020.02.14 |