테이블 요약
Coddy HTML 여정의 기초 섹션에 포함된 레슨. 60개 중 51번째.
챌린지
쉬움지금까지 배운 모든 요소를 포함하는 표가 있는 HTML 문서를 만드세요:
- 표를 정의하는
<table>태그를 사용하고, 표시되도록border속성을 "1"로 설정하세요. - 표를 설명하는 텍스트 "Employee Information"가 있는
<caption>태그를 사용하세요. - 헤더 셀이 세 개 있는 헤더용 표 행(
<tr>)을 만드세요. 첫 번째 헤더는 두 열에 걸쳐야 하며 "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>기초의 모든 레슨
직접 연습해 보세요: Web 플레이그라운드