HTML 테이블 설정은 웹 디자인에서 매우 중요한 부분입니다. 테이블을 사용하여 데이터를 표시하고, 콘텐츠 형식을 지정하고, 페이지를 레이아웃할 수 있습니다. HTML에서 테이블은
요소로 끝납니다. 이 기사에서는 테이블 구조, 테이블 스타일 및 테이블 특수 효과를 포함한 HTML 테이블의 설정을 살펴보겠습니다.
테이블 구조
HTML 테이블은 일반적으로
, 및 의 세 가지 주요 태그로 구성됩니다. 태그는 테이블을 정의하고, 태그는 행을 정의하며, 태그는 셀을 정의합니다. 다음은 기본 HTML 테이블 구조입니다.
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格4</td>
<td>单元格5</td>
<td>单元格6</td>
</tr>
</table> 로그인 후 복사 이 테이블에는 2개의 행과 3개의 열이 있습니다. 각 셀에는 내용이 포함되어 있습니다. 더 많은 셀을 추가할 때 각 행의 셀 개수는 동일해야 합니다.
테이블 스타일
웹페이지를 디자인할 때 스타일은 매우 중요합니다. CSS 스타일 시트를 사용하여 HTML 테이블의 모양을 제어할 수 있습니다. 테이블 스타일을 지정하는 방법에는 여러 가지가 있습니다.
한 가지 방법은 인라인 스타일을 사용하는 것입니다. 인라인 스타일은 단일 요소에 정의됩니다. 예:
<table style="border-collapse: collapse;"> 로그인 후 복사 위 코드는 테두리 겹침을 설정하지만 각 열과 행 사이의 간격을 설정할 수 있습니다.
또 다른 방법은 HTML 문서의 헤드 부분에 CSS 규칙을 배치하고 | |
