> 웹 프론트엔드 > HTML 튜토리얼 > HTML 테이블의 태그는 무엇입니까

HTML 테이블의 태그는 무엇입니까

青灯夜游
풀어 주다: 2023-01-06 11:13:39
원래의
23303명이 탐색했습니다.

HTML에서 테이블 태그는 HTML 테이블을 정의하는 데 사용되는 "

"이지만 테이블의 요소는 하나 이상의 tr, th, td 및 기타 태그를 사용하여 정의해야 하며 구문은 다음과 같습니다. "
".

HTML 테이블의 태그는 무엇입니까

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

태그는 HTML 테이블을 정의합니다.

간단한 HTML 테이블은 table 요소와 하나 이상의 tr, th 또는 td 요소로 구성됩니다.

tr 요소는 테이블 행을 정의하고, th 요소는 테이블 헤더를 정의하며, td 요소는 테이블 셀을 정의합니다.

보다 복잡한 HTML 테이블에는 caption, col, colgroup, thead, tfoot 및 tbody 요소가 포함될 수도 있습니다.

예:

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td>¥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>¥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>¥150</td>
	</tr>
</table>
로그인 후 복사

렌더링:

HTML 테이블의 태그는 무엇입니까

라벨
에 대한 선택적 속성
속성 설명
정렬
  • 왼쪽
  • 중앙
  • right

은(는) 더 이상 사용되지 않습니다. 대신 스타일을 사용해 주세요.

주변 요소를 기준으로 테이블 정렬을 지정합니다.

bgcolor
  • rgb(x,x,x)
  • #xxxxxx
  • colorname

은(는) . 대신 스타일을 사용해 주세요.

테이블의 배경색을 지정하세요.

border pixels 표 테두리의 너비를 지정합니다.
cellpadding
  • pixels
  • %
셀 가장자리와 내용 사이의 공간을 지정합니다.
cellspacing
  • pixels
  • %
셀 사이의 공간을 지정합니다.
frame
  • void
  • above
  • below
  • hsides
  • lhs
  • rhs
  • vsides
  • box
  • border
외부 테두리의 어느 부분이 표시되는지 지정합니다.
rules
  • none
  • groups
  • rows
  • cols
  • all
표시되는 내부 테두리 부분을 지정합니다.
summary text 양식의 요약을 지정합니다.
width
  • %
  • pixels
테이블의 너비를 지정합니다.

추천 튜토리얼: "html 비디오 튜토리얼"

위 내용은 HTML 테이블의 태그는 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿