>  기사  >  웹 프론트엔드  >  HTML의 테이블 요소

HTML의 테이블 요소

黄舟
黄舟원래의
2016-12-17 14:01:191371검색

-- HTML의 테이블 요소 [다시 게시]
1,

태그는 테이블의 식별자이며 테이블의 범위를 정의하는 데 사용됩니다.
태그는 쌍으로 사용되며, 손 태그와 꼬리 태그 사이의 내용이 테이블의 내용입니다.
태그의 속성에는 주로 border, width, height, align, cellapcing 및 cellpasdding이 포함됩니다.

 

1. border 속성의 매개변수 값은 테이블 테두리의 너비가 차지하는 픽셀 수를 나타내는 숫자입니다. 또한 단순히 테이블에 테두리가 있음을 나타내는 매개변수 값 없이 사용할 수도 있습니다. 예를 들어,

은 테이블의 테두리 너비가 10픽셀임을 의미합니다.

2. width 및 height 속성은 테이블의 크기를 지정하는 데 사용됩니다. width 속성은 테이블의 너비를 지정하는 데 사용되며 height 속성은 테이블의 높이를 지정하는 데 사용됩니다. 이 두 속성의 매개변수 값은 숫자 또는 백분율일 수 있으며, 숫자는 테이블의 너비(높이)가 차지하는 픽셀을 나타내고, 백분율은 테이블의 너비(높이)가 너비를 차지하는 백분율을 나타냅니다. (높이) 브라우저 창. 예를 들어,

는 테이블의 너비가 200픽셀이고 높이가 브라우저 창 높이의 50%임을 의미합니다.

3. align 속성의 매개변수 값은 left, center, right 중 하나입니다. 이는 각각 테이블이 인접한 텍스트의 왼쪽에 위치하고 테이블이 가로 중앙에 위치하며 테이블이 정렬됨을 의미합니다. 인접한 텍스트의 오른쪽에 위치합니다. 예:










< /TR>
/TD>
인접한 텍스트의 왼쪽에 있는 테이블의 예입니다. 테이블의 위치를 ​​변경하려면 align의 속성 매개변수만 변경하면 됩니다.




4, 셀 간격 속성. cellpacing 속성은 테이블의 셀 사이의 간격을 지정하는 데 사용됩니다. 이 속성의 매개변수 값은 셀 갭이 차지하는 픽셀 수를 나타내는 숫자입니다.

5, cellpadding 속성입니다. 셀 내용과 셀 경계 사이의 공백 크기를 지정하는 데 사용됩니다. 이 속성의 매개변수 값도 숫자이며, 이는 셀 내용과 위쪽 및 아래쪽 테두리 사이의 공백 거리의 높이가 차지하는 픽셀 수와 셀 내용 사이의 공백 거리의 너비가 차지하는 픽셀 수를 나타냅니다. 셀 내용과 왼쪽 및 오른쪽 테두리. 예:






🎜>셀 속성 규정을 추가하기 전의 모습:
설명 설명 위와 동일 위와 동일
다음 유닛






;


;Cell
Cell
1
2Cell





;셀 셀 ;셀

1 ;셀
셀셀셀 TR>
2 셀
셀 셀 셀


그럼 방금 본 내용을 살펴보겠습니다. 익숙하지 않은 라벨 중 일부는 무엇을 의미하나요?

1, 테이블 제목의 레이블입니다. 쌍으로 사용되는 태그입니다. 첫 번째 태그와 마지막 태그 사이의 내용이 표의 제목입니다. align과 valign이라는 두 가지 속성이 있으며 둘 다 선택 사항입니다.

그 중 align 속성의 매개변수 값은 left, center, right 중 하나인데, 이는 각각 테이블 제목이 테이블의 왼쪽 가장자리에 정렬되고, 테이블의 중앙이 정렬된다는 의미입니다. 테이블의 오른쪽 가장자리에 맞춰 정렬합니다. 기본적으로 테이블 제목은 테이블 중앙에 위치하며, valign 속성의 매개변수 값은 상단과 하단 중 하나입니다. 즉, 테이블 제목은 기본적으로 테이블 제목의 위쪽과 아래쪽에 각각 위치합니다. 테이블 위에 위치해 있어요. 예:

테이블 제목입니다

> 셀 셀 셀 셀 셀 🎜>


1 셀
셀 ;셀 셀

2셀
셀 셀 셀


> 표 제목은 표의 오른쪽 가장자리에 맞춰 정렬됩니다.

둘, 행 레이블입니다. HTML 테이블은 행으로 구성됩니다. 테이블은 여러 행으로 구성되며 해당 행에 해당하는 여러 레이블이 있어야 합니다. 행 라벨 은 쌍으로 사용되는 라벨입니다. 행의 각 셀 내용을 지정하는 데 사용할 경우 및 사이에 중첩되는 태그와 함께 사용해야 합니다. 태그에는 두 가지 속성이 있습니다. 즉, align 및 valign 속성은 모두 선택 사항입니다.

align 속성의 매개변수 값은 left, center, right 중 하나입니다(나중에 구체적으로 설명하겠지만 이 속성의 매개변수는 모두 3개임). 행은 왼쪽 정렬, 가로 가운데 정렬, 오른쪽 정렬입니다. 기본값은 왼쪽입니다. valign 속성의 매개변수 값은 각각 위쪽, 중간, 아래쪽 중 하나입니다. 이는 각각 행의 각 셀 내용이 위쪽 가장자리에 가깝고, 세로 중앙에 있고, 아래쪽 가장자리에 가깝다는 것을 나타냅니다. . 기본값은 중간입니다.

세 개의 및 태그는

및 헤더 요소의 내용을 지정합니다. 헤더 요소는 일반적으로 각 열의 첫 번째 행에 위치하며 열의 특정 데이터가 어떤 개체와 관련되어 있는지 나타내는 데 사용됩니다. 태그가 쌍을 이룹니다. 데이터 태그 도 쌍으로 사용됩니다. 첫 번째 태그와 마지막 태그 사이의 내용은 셀의 특정 데이터(즉, 헤더의 설명)입니다. 단위, 태그의 모든 속성과 해당 속성 함수는 동일합니다. 레이블의 속성에는 rowspancolspanalignvalign이 포함됩니다.

(1) rowspan 속성의 매개변수 값은 셀에 걸쳐 있는 행 수를 나타내는 숫자입니다. 기본값은 1입니다.

(2) colspan 속성의 매개변수 값도 숫자로, 셀에 걸쳐 있는 열 수를 나타냅니다. 기본값은 1입니다.

(3) align 속성은 셀 내용의 가로 위치를 지정하는 데 사용됩니다. 세 가지 매개변수 값은 셀이 왼쪽 정렬인지, 가운데 정렬인지, 오른쪽 정렬인지를 나타냅니다. 기본값은 왼쪽(왼쪽 정렬)입니다.

(4) valign 속성은 셀 내용의 세로 위치를 지정하는 데 사용됩니다. 속성의 매개변수 값은 위쪽, 중간, 아래쪽 중 하나이며 각각 셀 내용이 위쪽 가장자리에 가까운지, 수직 중앙에 있는지, 아래쪽 가장자리에 가까운지를 나타냅니다. 기본값은 중간(세로 중앙)입니다.

자, 오늘은 거의 다 왔습니다! 볼 게 너무 많고 기억하기도 어렵습니다.


위 내용은 HTML의 table 요소 내용이며, 더 많은 관련 글은 PHP 중국어 홈페이지(www.php.php)를 참고하시기 바랍니다. CN)!


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