본문 바로가기
웹퍼블리셔/HTML

html table 외 등등

by 피미르86 2014. 11. 18.

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&amp;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&amp;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