>웹 프론트엔드 >HTML 튜토리얼 >HTML 테이블에 대한 자세한 소개

HTML 테이블에 대한 자세한 소개

高洛峰
高洛峰원래의
2017-03-21 17:46:132149검색

HTML 테이블 예:

First Name Last Name Points
Jill Smith 50
Eve Jackson 94
John Doe 80
Adam Johnson 67

HTML 테이블

테이블은

태그로 정의됩니다. 각 테이블에는 여러 행( 태그로 정의됨)이 있으며, 각 행은 여러 셀(








브라우저는 다음과 같이 표시됩니다: :

태그로 정의됨)로 나뉩니다. 문자 td는 테이블 데이터, 즉 데이터 셀의 내용을 나타냅니다. 데이터 셀에는 텍스트, 그림, 목록, 단락, 양식, 수평선, 표 등이 포함될 수 있습니다.

테이블 예시

<테이블 테두리="1">

행 1, 셀 1 행 1, 셀 2
행 2, 셀 1 행 2, 셀 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

HTML 테이블 및 테두리 속성

테두리 속성을 정의하지 않으면 테이블에 테두리가 표시되지 않습니다. 때로는 이것이 유용하지만 대부분의 경우 테두리가 표시되기를 원합니다.

테두리가 있는 테이블을 표시하려면 테두리 속성을 사용하세요.

<테이블 테두리="1">

행 1, 셀 1
행 1, 셀 2

HTML 테이블 헤더

테이블의 헤더는 태그를 사용하여 정의됩니다.

대부분의 브라우저는 헤더를 굵은 중앙 텍스트로 표시합니다.

<테이블 테두리="1">

헤더 1
헤더 2번째>


행 1, 셀 1
행 1, 셀 2


행 2, 셀 1
행 2, 셀 2

브라우저는 다음과 같이 표시됩니다:

Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

HTML 테이블 태그

태그 설명
<테이블> 테이블 정의
<일> 테이블 헤더 정의
테이블 행 정의
표 셀 정의
테이블 제목 정의
테이블 열을 정의하는 그룹
테이블 열의 속성 정의
테이블 헤더 정의
테이블 본문 정의
<풋> 테이블 바닥글 정의

위 내용은 HTML 테이블에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.