페이지에 창을 삽입하는
<iframe> 태그
: 현재의 페이지 안에서 다른 웹페이지를 표시하는 창을 삽입하기 위한 태그
주요 속성 5가지
• name="이름" - 창의 이름 지정
• src="URL" - 창에 표시될 문서의 URL 지정
• srcdoc="HTML코드" - 창에서 보여줄 HTML콘텐츠 지정
srcdoc 속성이 지정되면 src 속성에서 지정된 콘텐츠는 무시됨.
• width="픽셀" - 창의 폭 지정
• height="픽셀" - 창의 높이 지정
<body>
<a href="http//naver.com" target="view">네이버</a>
<a href="http//naver.com/~oplee/" target="view">내 페이지</a>
<a href="http//goole.com" target="view">구글</a><br/><br/>
<hr/><br/>
<ifram src="http://www.naver.com"
name="veiw"
width="600" height="300"
srcdoc="<p>iframe에 의해서 만들어진 창입니다.</p>">
이 브라우저는 iframe 요소를 지원하지 않습니다.
</iframe>
</body>
이미지맵
: 하나의 이미지를 여러 개의 영역으로 나누어 각 영역마다 링크를 지정하는 것
<img src="URL" usemap="#맵이름">
<map name="맵이름">
<area shape="이미지맵에서 각 영역의 모양(default, rect, circle, poly)"
coords="각 영역을 구성하는 좌표 값"
href"URL"
target="링크된 내용이 열릴 창"
download="href로 저장된 파일을 다운로드"
alt="대체 텍스트 내용">
...
</map>▼
<img src="flower.jpg" width="350" usemap="#naver">
<map name="naver">
<area shape="rect" coords="5,5,100,50"
href"http://naver.com"
target="네이버 홈페이지" target="_blank">
<area shape="circle" coords="100,100,50"
href"http://naver.com/login/"
target="네이버 로그인페이지" target="_blank">
<area shape="poly"
coords="100,50,230,40,250,150"
href"http://naver.com/~lokim/"
target="마이페이지" target="_blank">
</map>
'WEB > HTML' 카테고리의 다른 글
| 셀 병합과 요소 배치 (0) | 2021.04.13 |
|---|---|
| 테이블의 기본 형식 (0) | 2021.04.13 |
| HTML - 하이퍼링크 삽입 (0) | 2021.04.13 |
| HTML - 그림과 링크 (0) | 2021.04.13 |
| 콘텐츠 그룹핑 (0) | 2021.04.13 |
