투케이2K

73. (html/css/javascript/jquery) iframe 사용해 웹페이지 내에 다른 웹페이지 호출 실시 본문

FrontEnd

73. (html/css/javascript/jquery) iframe 사용해 웹페이지 내에 다른 웹페이지 호출 실시

투케이2K 2021. 8. 14. 08:34

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : html, css, js, jquery

[소스코드]

​

<body>

<!-- 
1. iframe : 웹 페이지 내에 웹 페이지를 표시하는 데 사용됩니다
2. src : 웹 페이지 내에 로드할 다른 웹페이지 주소를 명시합니다
3. style : iframe css 속성을 지정 시 사용합니다
 -->

<iframe src="../WebProject/a_test_default.html" 
		title="description"
		style="width:70%; height:40%; border: 1px solid #0000ff;
			float: top; position: relative; top:3%; left: 15%;"></iframe>	

</body>

[결과 출력]

​

[요약 설명]

​

<!--

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

2. src : 웹 페이지 내에 로드할 다른 웹페이지 주소를 명시합니다

3. style : iframe css 속성을 지정 시 사용합니다

-->

 

반응형
저작자표시

'FrontEnd' 카테고리의 다른 글

75. (html/css/javascript/jquery) p 태그 text-align 텍스트 가로 정렬 수행 실시 - left , right , center , justify  (0) 2021.08.18
74. (html/css/javascript/jquery) p 태그 text 텍스트 font-size 폰트 사이즈 10px 이하로 설정하기 - scale 확대 값 조절  (0) 2021.08.18
72. (html/css/javascript/jquery) p 태그 내부에 span 태그 선언해 부분 텍스트 색상 (color) 스타일 변경 실시  (0) 2021.08.09
71. (html/css/javascript/jquery) 동적으로 콘텐츠 div 레이아웃 생성 실시 페이지 page 이동 처리 실시  (0) 2021.08.05
70. (html/css/javascript/jquery) checkbox , label 사용해 체크 박스 스타일 커스텀 지정 실시  (0) 2021.08.04
'FrontEnd' Related Articles more
Comments