웹 페이지 안에 다른 사이트 정보 넣기를 위한 명령어 'iframe'
| ▣ 목록 (LIST) ▣ |
1. iframe이란
2. iframe Tag
3. iframe에 사용할 수 있는 명령어
4. 실제로 사용하기
1. iframe이란
- html 웹 문서 안에 다른 웹문서를 넣을 수 있는 기능
- 다른 사이트의 동영상을 내 블로그에 넣을 수 있다
- Tistory에서 정상 작동됨
2. iframe Tag
- <iframe src="주소"> 실행안되면 대체할 내용 </iframe>
3. iframe에 사용할 수 있는 명령어
- src : 연결이 될 주소를 기입
- width : 사용되는 프레임의 너비를 지정 (px 픽셀단위, % '100% 넘어도 상관없음'
- height : 사용되는 프레임의 높이 지정 (px, %)
- frameborder : 프레임의 테두리를 넣을지 말지 지정 (1: 테두리 있음, 0: 테두리 없음)
- scrolling : 프레임에서 스크롤바를 사용할지 말지 결정 (yes: 스크롤바 표시, no: 스크롤바 사용 안함, auto:자동)
- longdsc : 프레임에 담길 내용을 설명하는 페이지
- margineheight : 내용의 위(top), 아래(bottom)로 공간을 두는 것
- marginewidth : 내용의 좌(left), 우(right)에 공간을 두는 것
- align : 프레임을 정렬(top:위로 정렬, middle: 중앙 정렬, left: 왼쪽 정렬, right: 오른쪽 정렬)
- name : 프레임에 이름 넣는 것 (id와 같음)
4. 실제로 사용하기
- 적용1: 가로 1000, 세로500, cocojuan tisory 안에 cocojuan tistory 넣기
- 적용2: 테두리는 넣고, id와 name은 cocojuan으로 정하기, 스크롤은 사용하기, 전체적으로 중앙배치
- <iframe width=1000, height="300" src="https://cocojuan.tistory.com/390" name="cocojuan" id="cocojuan" frameborder="1" scrolling="yes" aligh="middle"> iframe이 있어던 자리 입니다 </iframe>
- 실행모습
댓글