" 뒤에 와야 하며 각 테이블에는 하나의 캡션 태그만 있을 수 있습니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
HTML에서는 테이블을 많이 사용합니다. 오늘 소개하는 태그는 테이블에 있는 태그, 즉
"caption"은 영어로 "제목"을 의미하는데, HTML에서 태그로서 어떤 역할을 하는지 살펴보겠습니다.
태그 정의 및 사용법
HTML에서
태그는 테이블 제목을 정의하는 데 사용되며 여는 테이블 태그() 뒤에 와야 합니다. 뒤에는 하나가 옵니다(테이블에서는 제목을 하나만 정의할 수 있습니다).
태그로 정의된 표 제목은 기본적으로 표 중앙에 배치됩니다. 정렬 속성을 사용하여 정렬을 변경할 수 있지만 권장되지 않으며 HTML5에서는 이 속성을 지원하지 않습니다. 스타일을 변경하고 싶다면 CSS를 사용하여 스타일을 변경할 수 있습니다. 태그 구문 형식
<caption>表格标题</caption>
설명:
태그는 으로 시작하여 쌍으로 존재합니다. Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>document</title>
</head>
<body bgcolor="burlywood">
<table border="1" width="300px">
<caption>
学生平均成绩表
</caption>
<tr>
<th>姓名</th>
<th>平均分</th>
</tr>
<tr>
<td>学生1</td>
<td>90</td>
</tr>
<tr>
<td>学生2</td>
<td>80.5</td>
</tr>
<tr>
<td>学生3</td>
<td>88</td>
</tr>
</table>
</body>
</html>
실행 결과:
권장 학습: html 비디오 튜토리얼