코드랩 레퍼런스

<table> 본문

HTML

<table>

webstoryboy 2016. 6. 6. 11:36
<table> 태그는 표를 정의합니다.
특징 설명
콘텐츠 카테고리 Flow Content
콘텐츠 속성 Global Attributes, Event Attributes
콘텐츠 요소 Inline Element
닫는 태그 사용
버전 HTML4
시각적 표현 -

Definition

  • <table> 태그는 기본적으로 <tr>, <td> 또는 <th>로 구성되어 있습니다.
  • <table> 태그는 추가적으로 <caption>, <col>, <colgroup>, <thead>, <tbody>, <tfoot> 요소를 포함하고 있습니다.
  • <table> 태그는 레이아웃을 목적으로 사용은 적합하지 않지만, 예외적으로 메일을 보낼 때는 레이아웃을 목적으로 사용이 가능합니다.

CrossBroswing

  • HTML5에서는 "align", "bgcolor", "border", "cellpadding", "cellspacing", "frame", "rules", "summary", "width" 속성을 지원하지 않습니다.

Property

속성 값(예) 설명 버전
align left
center
right
테이블을 왼쪽으로 정렬합니다.
테이블을 가운데로 정렬합니다.
테이블을 오른쪽으로 정렬합니다.
html5
bgcolor bgcolor="blue" 테이블의 배경색을 설정합니다. html5
border border="1" 테이블의 보더 값을 설정합니다. html5
cellpadding cellpadding="3px" 셀과 컨텐츠 사이의 간격을 설정합니다. html5
cellspacing cellpadding="3px" 셀과 셀사이의 간격을 설정합니다. html5
frame void
above
below
hsides
lhs
rhs
vsides
box
border
테이블의 프레임 모양을 설정합니다. html5
rules none
groups
rows
cols
all
테이블 내부의 모양을 설정합니다. html5
sortable sortable 테이블이 정렬되도록 설정합니다. -
summary summary="text" 테이블의 내용을 요약하여 설정합니다. html5
width width="100" 테이블의 가로 값을 설정합니다. html5

Compatibility

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 안드로이드 아이콘 ios 아이콘 익스플로러6 아이콘 6 익스플로러7 아이콘 7 익스플로러8 아이콘 8 익스플로러9 아이콘 9 익스플로러10 아이콘 10 익스플로러11 아이콘 11 엣지 아이콘
table
align
bgcolor
border
cellpadding
cellspacing
frame
rules
sortable
summary
width

Ad

Comments