[HTML] 8. HTML 테이블
8. HTML 테이블
- HTML에서 테이블을 만들 수 있다.
8.1 테이블
- 테이블은 <table> 태그에 의해 정의된다. 테이블은 행(with the <tr> 태그)으로 나눠지고, 그리고, 각각의 행은 데이터 셀(with the <td> 태그)로 나눠진다. 문자 td는 데이터 셀의 내용 "table data"의 약자이다. 데이터 셀 속에는 텍스트, 그림, 리스트, 단락, 폼, 수평선, 테이블, 등등이 포함될 수 있다.
- 브라우저에선 다음과 같이 보인다.
8.2 테이블과 Border 속성
- 만약 테이블의 경계선 속성을 지정하지 않으면 어떠한 경계선도 나타나지 않는다. 때때로, 이것은 매우 유용할 수 있다. 하지만, 대부분의 경우, 경계선이 보여지길 바란다.
- 테이블의 경계선을 나타낼려면, 경계선 속성을 이용해야 한다:
8.3 테이블 내에서 Headings
- 테이블 내에서 헤딩은 <th> 태그로 정의된다.
- 브라우저에선 다음과 같이 보인다.
8.4 테이블 내에서 셀이 존재하지 않음
- 테이블 셀에 아무런 내용을 넣지 않으면, 대부분의 브라우저에서는 화면에 나타내지 않는다.
- 브라우저에선 다음과 같이 보인다.
- 경계선 주변의 빈 테이블 셀은 잘못된 것이다. (Mozilla Firefox는 경계선을 보여준다.)
- non-breaking space ( )를 빈 테이블 셀에 넣어두면, 잘못을 바로잡을 수 있으며, 테이블에서도 경계선이 나타난다.
- 브라우저에선 다음과 같이 보인다.
8.5 Useful Tips
- <thead>, <tbody>, 그리고, <tfoot> 요소는 안좋은 브라우저에서 지원되지 않기 때문에, 드물게 사용된다. 장래의 XHTML 버전에선 전문적으로 바뀔것이다.
8.6 Table Tags