33 of 133 menu

table 태그

table 태그는 테이블을 생성합니다. tr 태그, td 태그, th 태그와 함께 사용됩니다.

tr 태그는 테이블의 행을 생성하고, td 태그와 th 태그는 해당 테이블의 셀을 생성합니다. td 태그와 th 태그의 차이점: 첫 번째는 일반 셀이고, 두 번째는 제목 셀입니다.

속성

속성 설명
cellspacing 셀 사이의 간격을 지정합니다.
더 이상 사용되지 않으며, 대신 CSS 속성 border-spacing를 사용해야 합니다.
cellpadding 텍스트와 셀 경계 사이의 간격을 지정합니다.
더 이상 사용되지 않으며, 대신 CSS 속성 padding를 사용해야 합니다.
border 셀과 테이블의 테두리를 지정합니다.
더 이상 사용되지 않으며, 대신 CSS 속성 border를 사용해야 합니다.

예제

th 셀과 td 셀을 가진 테이블을 만들어 봅시다:

<table> <tr> <th>이름</th> <th>성</th> <th>급여</th> </tr> <tr> <td>name1</td> <td>surn1</td> <td>200$</td> </tr> <tr> <td>name2</td> <td>surn2</td> <td>1000$</td> </tr> </table> table, td, th { border: 1px solid black; }

:

참고 항목

  • 테이블 행을 그룹화하는 태그 thead, tbody, tfoot
  • 전체 테이블의 제목을 지정하는 태그 caption
  • 텍스트의 세로 정렬을 지정하는 속성 vertical-align
  • 테이블의 행과 열을 병합하는 속성 rowspancolspan
한국어
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақКыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
우리는 웹사이트 운영, 분석 및 개인화를 위해 쿠키를 사용합니다. 데이터 처리는 개인정보 처리방침에 따라 이루어집니다.
모두 수락 설정 거부