728x90
사실HTML을 처음 접했거나 막 시작했다면 frame 태그는 많이 생소할 수도 있죠.
inline frame의 약자로, 웹 페이지안에 또 다른 웹페이지를 삽입하는 것으로
아래 그림처럼 웹페이지내에서 스크롤바가 나와서 각각 웹페이지 내용을 보여주고 싶은 경우 사용하는 태그입니다.
실습을 통해서 쉽게 이해 할 수 있습니다.
프레임 관련 HTML 태그 , iframe
| 태그 | 역할 | 실습 하기 |
| <iframe></iframe> | html문서내의일부분을프레임으로분할 <!DOCTYPE html> <html> <body> <h2>Iframe - Target for a Link</h2> <iframe src="demo_iframe.htm" name="iframe_a" height="300px" width="100%" title="Iframe Example"></iframe> <p>When the target attribute of a link matches the name of an iframe, the link will open in the iframe.</p> </body> </html> |
iframe 실습 클릭 |
| <frameset></frameset> | 문서를프레임으로분할 rows: 프레임을행으로나눔 cols: 프레임을열로나눔 border : 프레임경계선크기지정(0이면안보임) |
html5에서는공식지원 x |
HTML 핵심 태그로 블로그를 고급지게... 나도 웹 퍼블리셔가 된다!
- HTML 문서 구조 head와 body
- 문단관련 태그 body, br, p div ..
- 목록관련 태그 list, ul, ol, li ..
- 글자관련 태그 h1, h2, h3.. font, sup, sub, strike, cite, code, small, s ..
- 멀티미디어 삽입관련 태그 a, embed, object, img, map, area, applet ..
- 표관련 태그 table, tr, td, th..
- 프레임관련 태그 iframe
- 문서양식 태그 form, input, select textarea ..
초등, 중학 html 코딩교육 프로젝트
728x90
728x90
'IT잡학사전 > Python HTML etc' 카테고리의 다른 글
| HTML coding 코딩 실습 - 목록만들기 list, ul, ol, li .. (#3) (0) | 2023.01.07 |
|---|---|
| HTML coding 코딩 실습 - form, input, select, textarea .. (0) | 2023.01.07 |
| HTML coding 코딩 표만들기 실습 - table, tr, td, th..(#6) (0) | 2023.01.07 |
| HTML coding 코딩 실습 - 이미지삽입 img, map, area, applet ..(#5) (0) | 2023.01.07 |
댓글