>웹 프론트엔드 >HTML 튜토리얼 >HTML 테이블의 기본 속성

HTML 테이블의 기본 속성

无忌哥哥
无忌哥哥원래의
2018-06-29 10:01:222505검색

테이블은 프런트엔드와 백엔드 모두에서 가장 중요한 데이터 형식화 도구입니다.

먼저 페이지의 어떤 콘텐츠가 테이블을 사용하여 만들어졌는지 몇 개의 웹사이트를 확인해 보겠습니다.

테이블 태그는 HTML에서 테이블을 생성하는 데 사용되는 태그입니다. 그냥 작성해서는 쓸모가 없기 때문에 내부 하위 태그와 결합해야 의미가 가중됩니다.

테이블을 만드는 기본 원칙은 먼저 행을 만든 다음 열을 나누는 것입니다. 행과 열을 셀이라고 하며, 모든 사용자 데이터는 셀에 배치되어야 합니다.

행을 만들려면 라벨을 사용하고, 열을 만들려면 을 사용하세요. 다음으로 가장 간단한 테이블을 만듭니다.

새로 생성된 테이블은 전혀 테이블처럼 보이지 않습니다. 가장 기본적인 테이블 라인조차 없기 때문에 초기에는 테이블이 레이아웃에 사용되었지만 그렇지 않습니다. 지금 사용됩니다.

이제 이 테이블에 몇 가지 기본 속성을 추가하여 최소한 테이블처럼 보이도록 만들어 보겠습니다.

테두리: 표 테두리 선의 너비를 설정합니다.

셀 간격: 셀 사이의 간격을 0으로 설정합니다. 이는 셀 가장자리를 접는 것과 동일합니다. 이때 테이블의 테두리 너비는 1과 같이 자동으로 사용됩니다.

cellpadding : 내용이 너무 붐비지 않도록 셀 데이터와 테두리 사이의 거리를 설정합니다.

정렬: 셀 내 데이터의 정렬 모드를 설정합니다. 기본값은 오른쪽 정렬과 가운데 정렬을 설정할 수 있습니다.

너비: 테이블의 너비를 설정합니다. 이는 절대값 또는 상대값(%)일 수 있습니다. 데이터 변경에 맞게 상대값으로 설정하는 것이 좋습니다.

높이: 테이블의 높이를 설정합니다. 여기에는 테이블의 행 수 변경에 적응하는 설정이 없습니다.

아아아아

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

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