HTML coding 코딩 실습 - 이미지삽입 img, map, area, applet ..(#5)

웹 페이지를 구성하다보면 열마디의 글보다 하나의 이미지가 훨씬 효과적으로

의사를 표현할 수 있습니다.

이런 이미지나 지도 같은것을 삽입해서 블로그나 홈페이지를 디자인 하고

다른 사이트로 쉽게 참조하거나 이동하기 위하여 링크 거는 작업을 하고싶을떄

꼭 필요한 태그들을  모아봤습니다.

실습버튼을 눌러 확인하면 더 쉽게 html 태그를 공부하세요 !

 

 

HTML 핵심 태그로 블로그를 고급지게... 나도 웹 퍼블리셔가 된다!

1. HTML 문서 구조 head와 body 
2. 문단관련 태그 body, br, p div ..
3. 목록관련 태그 list, ul, ol, li ..
4. 글자관련 태그 h1, h2, h3.. font, sup, sub, strike, cite, code, small, s ..
5. 멀티미디어 삽입관련 태그 a, embed, object, img, map, area, applet ..
6. 표관련 태그 table, tr, td, th..
7. 프레임관련 태그 iframe
8. 문서양식 태그 form, input, select textarea ..

 

 

멀티미디어 삽입 관련 HTML 태그 a, embed, object, img, map, area, applet ..

 

태그	역할	실습 하기
<a></a>	문서, 이미지 등을 하이퍼링크로 연결 target 속성 _blank : 새로운 창에 링크가 나타남 _self: 현재 창에 링크가 나타남	a 실습 클릭
<embed></embed>	멀티미디어 개체 삽입 (mp3,wma,swf등)	embed 실습 클릭
<object></object>	멀티미디어 개체 삽입(플레이어를 지정, Actice X, Quick time 등)	object 실습 클릭
<img>	이미지 삽입	img 실습 클릭
<map></map>	이미지맵 작성	map 실습 클릭
<area>	이미지맵 안에서 영역 분할 / circle(원), poly(다각형),rect(사각형)	area 실습 클릭
<applet></applet>	HTML5에서는 지원안함	-
<video> </videp>	동영상 삽입	video 실습 클릭

---

초등, 중학 html 코딩교육  프로젝트