캡션 추가하기
Coddy HTML 여정의 기초 섹션에 포함된 레슨. 60개 중 49번째.
HTML 표에서 캡션은 표의 제목이나 설명입니다. 표의 내용을 간략하게 설명하여 사용자가 표의 목적을 더 쉽게 이해할 수 있도록 합니다. 캡션은 <caption> 태그를 사용해 만들며, <table> 태그 바로 뒤에 배치해야 합니다.
다음은 HTML에서 표에 캡션을 추가하는 기본 구문입니다.
<table>
<caption>Table Caption</caption>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
</table>
챌린지
쉬움캡션이 포함된 표가 있는 HTML 문서를 작성하세요. 표는 다음 구조를 가져야 합니다.
- 표를 정의하는
<table>태그. - 표를 설명하는 텍스트 "Product Inventory"가 들어 있는
<caption>태그. - 두 개의 헤더 셀(
<th>)이 있는 헤더용 표 행(<tr>). 헤더 셀에는 "Product Name"과 "Quantity"라고 표시해야 합니다. - 두 개의 데이터 셀(
<td>)이 있는 표 행(<tr>). 셀에는 "Laptop"과 "5"라고 표시해야 합니다. - 두 개의 데이터 셀(
<td>)이 있는 또 다른 표 행(<tr>). 셀에는 "Mouse"와 "10"이라고 표시해야 합니다.
직접 해보기
<!DOCTYPE html>
<html>
<body>
<!-- 여기에 코드를 작성하세요 -->
</body>
</html>
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
기초의 모든 레슨
직접 연습해 보세요: Web 플레이그라운드