table-------------
논리적으로 컬럼을 그룹핑
1 <colgroup>
1개이상의 <col> 요소를 포함
<colgroup class="aa" span="2" />
<colgroup >
<col class="a" />
<col class="b" />
</colgroup>
2. <col /> 요소
1개 컬럼을 포함
<td colspan="">
<td rowspan="">
포함된 콘텐츠(embeded contents)============
1. img
2. iframe
다른 html 문서를 포함
src="포함할 html문서의경로"
3. embed
-외부어플리케이션(html 이미지가 아닌)을 포함
-HTML5에서만 유효한 태그
-HTML4, xhtml에서 사용되었지만 표준x
-대체할 내용을 입력할수없어요
<embed src="경로" />
src="포함시킬미디어경로" 필수속성
type="유효한 MIME TYPE"
width="너비"
height="높이"
4. object
-외부어플리케이션을 포함
<obejct data="경로">대체할 내용</object>
data="포함시킬미디어경로"
type="유효한 MIME TYPE"
width="너비"
height="높이"
<object data="경로1">
<param name="" value="" />
<!-- 첫번째 data 보여주지 못할 경우 대체 미디어-->
<object data="경로2">
<param name="" value="" />
<!-- 두번번째 data 보여주지 못할 경우 대체 미디어-->
<object data="경로3" >
<param name="" value="" />
<p>우리는 회사는 좋은 회사입니다.</p>
</object>
</object>
</object>
5. param
-object요소의 플러그인에 전달할 매개변수값을 정의
<obejct data="경로">
<param name="매개변수명">
<param value="매개변수값">
대체할 내용
</object>
name="매개변수이름"
value="매개변수의 값"
6. video
-동영상을 재생
-html5 추가
<video></video>
src ="경로"
poster ="경로"
preload ="none | metadata |auto"
autoplay
loop
controls
width ="너비값"
height ="높이값"
---비디오포맷---
Format MIME-type 브라우저 지원
MP4 video/mp4 ie,c,s
WebM video/webm c,f,o
Ogg video/ogg c,f,o
7. audio
-소리를 재생
<audio></audio>
src ="경로"
preload ="none | metadata |auto"
autoplay
loop
controls
----오디오 포맷----
Format MIME-type 브라우저지원
MP3 audio/mpeg ie,c,s
Ogg audio/ogg c,f,o
Wav audio/wav c,f,s,o
8. source
audio, video 요소에서 사용할 대체 미디어 정보 제공
src="경로"
type="유효한 MIME TYPE"
9. 이미지 맵
한개의 이미지에 여러개의 하이퍼링크를 연결할 경우
※imagemapic 프로그램 사용
---1개이미지에 1개의 하이퍼링크
<a href=""><img src="" alt=""></a>
--한개의 이미지에 여러개의 하이퍼링크 연결
<img src="" alt="" usemap="#이미지맵" />
<map name="이미지맵">
<area shape="" coords="" href="" alt="">
<area shape="" coords="" href="" alt="">
</map>
9.1 이미지요소에 usemap 속성 지정
<img src="경로" usemap="#이미지맵이름" />
9.2 map
이미지맵 정보 선언
<map name="이미지맵이름">
<area href="" shape="" coords="" alt="" >
</map>
9.3 area
이미지맵상의 영역의 정보
<area href="" shape="" coords="" alt="" >
href="참조주소"
shape ="circle | poly | rect"
circle:원모양
poly:다각형
rect:사각형
coords="영역의 좌표정보"
alt="대체텍스트"
10 유투브의 영상 넣기
<iframe width="560" height="315" src="//www.youtube.com/embed/pEm_CB1ku3I" frameborder="0" allowfullscreen></iframe>
<object width="560" height="315"><param name="movie" value="//www.youtube.com/v/pEm_CB1ku3I?version=3&hl=ko_KR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/pEm_CB1ku3I?version=3&hl=ko_KR" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</iframe>
'웹퍼블리셔 > HTML' 카테고리의 다른 글
태그 형식 및 목록 그룹핑 (0) | 2014.11.12 |
---|---|
html 구조 (0) | 2014.11.12 |
html_css 참고사이트 (0) | 2014.11.12 |