테이블 요약
Coddy HTML 여정의 Fundamentals 섹션에 포함된 레슨 — 60개 중 51번째.
챌린지
쉬움지금까지 배운 모든 요소를 포함하는 테이블이 있는 HTML 문서를 만드세요:
- 테이블을 정의하기 위한
<table>태그를 사용하고, 가시성을 위해border속성을 "1"로 설정합니다. - 테이블을 설명하기 위해 "Employee Information"이라는 텍스트가 포함된
<caption>태그를 사용합니다. - 헤더를 위한 테이블 행(
<tr>)을 만들고 세 개의 헤더 셀(<th>)을 추가합니다. 첫 번째 헤더는 두 개의 열을 확장(span)해야 하며 "Employee Details"라고 표시하고, 두 번째는 "Department", 세 번째는 "Salary"라고 표시해야 합니다. - 두 개의 행과 두 개의 열을 확장하고 "John Doe"라는 텍스트를 포함하는 데이터 셀(
<td>), "Sales"라고 표시된 데이터 셀(<td>), "$50,000"라고 표시된 데이터 셀(<td>)을 포함하는 테이블 행(<tr>)을 만듭니다. - "Marketing"이라고 표시된 데이터 셀(
<td>)과 "$60,000"이라고 표시된 데이터 셀(<td>)을 포함하는 또 다른 테이블 행(<tr>)을 만듭니다. - 두 개의 열을 확장하고 "Jane Smith"라고 표시된 데이터 셀(
<td>), "IT"라고 표시된 데이터 셀(<td>), "$70,000"라고 표시된 데이터 셀(<td>)을 포함하는 마지막 테이블 행(<tr>)을 만듭니다.
직접 해보기
<!DOCTYPE html>
<html>
<body>
<!-- 여기에 코드를 작성하세요 -->
</body>
</html>