HTML에서 테이블 제목을 설정하는 방법

HTML에서는 캡션 태그를 사용하여 테이블 제목을 설정할 수 있습니다. 구문은 "

테이블 제목"입니다. ' 태그가 정렬됨'에 배치되어야 합니다.

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

html에서는

태그를 사용하여 표 제목을 설정할 수 있습니다.

태그의 목적은 테이블의 제목을 정의하는 것입니다.

태그는 "" 태그 쌍에 배치되어야 하며 태그 바로 뒤에 배치되어야 합니다.

테이블당 하나의 제목만 정의할 수 있습니다.

예:

<table border="1">
	<caption>人物信息</caption>
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
</table>

보통 이 제목은 테이블 위 중앙에 위치합니다. 그러나 CSS 속성 "text-align" 및 "caption-side"를 사용하여 제목의 정렬 및 표시 위치를 설정할 수 있습니다.

<table border="1">
	<caption style="caption-side:bottom;">人物信息</caption>
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
</table>

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

위 내용은 HTML에서 테이블 제목을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!