HTML 테이블 속성에 대해 얼마나 알고 계시나요?

HTML 테이블 속성에 대해 얼마나 알고 계시나요? 테이블 태그는 HTML에서 널리 사용되며 초보자도 쉽게 시작할 수 있습니다. 그러나 테이블의 기능을 크게 향상시킬 수 있는 몇 가지 속성도 있습니다. 적절하게 적용하면 페이지가 깨끗하고 아름다워진다는 것을 알게 될 것입니다. HTML 테이블 속성에 대해 알아봅시다. 테이블이란? 오른쪽 위에서 아래로 함께 배열된

테이블의 기능: 특정 구조로 정보를 표시합니다.

테이블 사용 방법 table

테이블 정의:

Create 테이블 행:열(셀) 만들기:

참고: 기본적으로 모든 행의 열 수는 일정합니다.

테이블 기능:

1. 전용 행

2 너비 적응형(콘텐츠에 따라 다름)

테이블 테이블 속성:

<테이블> 속성

#🎜🎜 #너비 : 테이블 너비 설정

height: 테이블 높이 설정

• align: 테이블을 상위 항목에 설정 요소의 가로 정렬, 값: 왼쪽, 가운데, 오른쪽

• border: 테두리, 테두리 너비, px 단위 값, px 생략 가능#🎜 🎜##🎜 🎜#
• cellpadding: 셀 패딩

•      셀 테두리와 내용 사이의 거리#🎜🎜 #

  #🎜 🎜#

  cellspacing: 셀 여백

• 셀 사이 또는 셀과 테이블 사이의 거리

• bgcolor : 배경색

• Attribute
• # 🎜🎜#

  1.align:         콘텐츠의 가로 정렬 이 행의

• 2.valign:         이 행 내용의 수직 정렬, 값: top , middle, Bottom

#🎜 🎜#

3.bgcolor 줄의 텍스트 색상

• 속성# 🎜🎜#
  #🎜 🎜#너비

• 높이

• #🎜 🎜 #align

# 🎜🎜##valign### ## ## ## #####bgcolor#🎜🎜 ## ## 🎜🎜 ## 🎜 🎜#colspan은 열을 가로 질러 셀을 설정합니다.

rowspan은 여러 행에 걸쳐 셀을 설정합니다

• 3 테이블 태그의 기타
• 1.
  기능: 테이블 제목 정의
• 위치: 테이블 바로 위 중앙에 표시# 🎜🎜#

                                <table>
                   <caption>标题</caption>
                   <tr>
                      <td></td>
                       <td></td>
                   </tr>
                 </table>

  2. 행 제목 또는 열 제목

열 제목: 첫 번째 행의 각 열, 굵게, 가로 가운데 맞춤 효과 표시

• 행 제목: 각 행의 첫 번째 열, 굵게, 가로로 중심 효과

행(열) 제목:

• 함수는< td> ：border-collapse

Value:

• 1. 별도의 기본값, 별도의 테두리 모드

2. 테두리 축소 병합 모드

• 테이블 테두리 여백:

1 기능: 인접한 셀 테두리 사이의 거리를 설정합니다(셀 간격과 유사)

#🎜 🎜#2. 속성: border-spacing

값:

1. 1개의 값 가져오기: 동일한 가로 및 세로 간격을 나타냄

2 . 2개의 값을 취하세요. 첫 번째 값은 가로 간격을 나타냅니다.

                                                                                        #

3. 요구 사항

테두리 접기는 별도로 이루어져야 합니다

별도의 테두리 모드에서 유효해야 합니다.

Hide 표시 효과:

속성: visible:collap:se

테이블의 전체 레이아웃에 영향을 주지 않고 행이나 열을 삭제하기 위해 테이블 ​​요소에 사용됩니다.#🎜🎜 #

[관련 권장 사항]

html의 기본 요소를 사용하면 다음을 수행할 수 있습니다. HTML을 처음부터 배우려면

#🎜 🎜#HTML 파일이란 무엇인가요? HTML 파일에 대한 사전 이해

위 내용은 HTML 테이블 속성에 대해 얼마나 알고 계시나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!