2016. 1. 18. 14:30ㆍlanguage/html
1. iframe
inline frame의 약자이며 다른 문서를 불러와서 페이지 내부에서 보여지게 할 수 있습니다.
HTML5 이전에도 이후에도 iframe을 사용하지 않는것을 권고합니다.
하지만 필요할 때가 있을 지도 모르겠지요.
형식은 다음과 같습니다.
<iframe src="문서명 또는 url주소"></iframe>
속성들은 다음과 같습니다.
name : 프레임의 이름을 설정합니다.
width : 프레임의 너비를 설정합니다.
height :프레임의 높이를 설정합니다.
frameborder : 0으로 설정하면 프레임의 테두리선을 보이지 않게 하며, 1을 설정하면 프레임의 테두리선을 나타나게 합니다.
scrolling : 스크롤바의 표시 여부를 나타냅니다. (yes, no, auto)
프레임이란 것은 설명보다는 눈으로 보고 직접 클릭해 보는 것이 빠릅니다.
ex) iframe.html
2. target
a 태그 속성 중 target 속성은 링크가 걸린 문서가 나타날 프레임을 설정하는 것이 보통입니다.
새로운 창으로 링크를 호출 할 수도 있고 현재창에 보여줄 수 도 있습니다. 그리고 부모 프레임 영역에 나타날 수 도 있고 프레임을 지정하여 원하는 프레임에 링크를 실행할 수 도 있습니다.
속성들은 다음과 같습니다.
_blank : 내용을 새 창에 나타냅니다.
_self : 내용을 현재 프레임 영역(포커스가 있는 프레임)에 나타냅니다. (기본값)
_parent : 내용을 부모 프레임 영역에 나타냅니다.
_top : 내용을 무조건 전체 영역에 나타냅니다.
_프레임명 : 해당 이름을 가진 프레임 영역에 나타냅니다.
위 속성들은 프래임 내부 혹은 프레임 밖에서 호출 될 때 정상적으로 실행됩니다.
프레임을 2 개 혹은 3개 중첩한 후 테스트 하는 것을 추천합니다.
ex) target연습.html
해당 속성들을 바꿔가며 직접 실습해 보는 것을 추천한다.
'language > html' 카테고리의 다른 글
html5 | input type number maxlength 설정 ( 모바일 ) / oninput, max, min (8) | 2016.08.11 |
---|---|
HTML5 javascript 에서 Image 썸네일 만들기 (0) | 2016.04.15 |
[HTML 기초 강좌] 11. CSS ( 스타일시트 ) 적용하기 (2) | 2016.01.18 |
[HTML 기초 강좌] 10. img map 태그 (0) | 2016.01.18 |
[HTML 기초 강좌] 9. Table 태그 (0) | 2016.01.18 |
[HTML 기초 강좌] 7. 링크연결 (2) | 2016.01.18 |
[HTML 기초 강좌] 6. img 태그 (8) | 2016.01.18 |
[HTML 기초 강좌] 5. 목록을 나타내는 ul 태그, ol 태그, dl 태그, li 태그 (10) | 2016.01.18 |
[HTML 기초 강좌] 4. hr 태그 ( 구분선, 수평선 ) (8) | 2016.01.18 |
[HTML 기초 강좌] 3.문자 형태 태그와 문장 형식 태그 (0) | 2016.01.18 |