> 웹 프론트엔드 > 프런트엔드 Q&A > html5에서 td는 무엇을 의미합니까?

html5에서 td는 무엇을 의미합니까?

青灯夜游
풀어 주다: 2022-06-01 18:00:22
원래의
9356명이 탐색했습니다.

HTML5에서 td는 테이블의 각 셀을 나타내는 테이블 데이터를 의미하며, 테이블의 표준 셀을 정의하는 데 사용되는 레이블 요소이며 데이터를 포함하는 데 사용됩니다. td 요소는 tr 요소 내부에 정의되어야 하며, 여기에 포함된 텍스트는 일반적으로 "

data" 구문을 사용하여 왼쪽 정렬 스타일로 렌더링됩니다. .

html5에서 td는 무엇을 의미합니까?

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

HTML5에서 td의 전체 이름은 "table data"이며, 이는 테이블 데이터를 의미하고 테이블의 셀을 나타냅니다.

태그는 테이블 내의 표준 셀을 정의하는 데 사용됩니다. td 요소 내부의 텍스트는 일반적으로 왼쪽 정렬 텍스트로 렌더링됩니다.

HTML 양식에는 두 가지 유형의 셀이 있습니다.

  • 머리글 셀 - 헤더 정보 포함(번째 요소로 생성)

  • 표준 셀 - 데이터 포함(td 요소로 생성)

The 셀 요소 th 또는 td 요소는 tr 요소 내에 정의되어야 합니다. tr 요소에는 하나 이상의 th 또는 td 요소가 포함됩니다.

예:

<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>
로그인 후 복사

html5에서 td는 무엇을 의미합니까?

html5에서 지원되는 속성:

속성 설명
colspan number은 셀 수를 지정합니다. 확장된 열 수입니다.
headersheader_id셀과 연결된 하나 이상의 헤더 셀을 지정합니다.
rowspannumber셀이 확장할 수 있는 행 수를 설정합니다.

팁: 여러 행이나 열에 걸쳐 콘텐츠를 확장해야 하는 경우 colspan 및 rowspan 속성을 사용하세요!

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

html5에서 td는 무엇을 의미합니까?

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

위 내용은 html5에서 td는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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