Menu
CoddyTech

테이블 요약

Coddy HTML 여정의 기초 섹션에 포함된 레슨. 60개 중 51번째.

challenge icon

챌린지

쉬움

지금까지 배운 모든 요소를 포함하는 표가 있는 HTML 문서를 만드세요:

  1. 표를 정의하는 <table> 태그를 사용하고, 표시되도록 border 속성을 "1"로 설정하세요.
  2. 표를 설명하는 텍스트 "Employee Information"가 있는 <caption> 태그를 사용하세요.
  3. 헤더 셀이 세 개 있는 헤더용 표 행(<tr>)을 만드세요. 첫 번째 헤더는 두 열에 걸쳐야 하며 "Employee Details"이라고 표시하고, 두 번째는 "Department", 세 번째는 "Salary"라고 표시해야 합니다.
  4. 두 행과 두 열에 걸치며 "John Doe" 텍스트를 포함하는 데이터 셀(<td>) 하나, "Sales"라고 표시하는 데이터 셀(<td>) 하나, "$50,000"이라고 표시하는 데이터 셀(<td>) 하나가 있는 표 행(<tr>)을 만드세요.
  5. "Marketing"이라고 표시하는 데이터 셀(<td>) 하나와 "$60,000"이라고 표시하는 데이터 셀(<td>) 하나가 있는 또 다른 표 행(<tr>)을 만드세요.
  6. 두 열에 걸치며 "Jane Smith"라고 표시하는 데이터 셀(<td>) 하나, "IT"라고 표시하는 데이터 셀(<td>) 하나, "$70,000"이라고 표시하는 데이터 셀(<td>) 하나가 있는 마지막 표 행(<tr>)을 만드세요.

직접 해보기

<!DOCTYPE html>
<html>
    <body>
        <!-- 여기에 코드를 작성하세요 -->
    </body>
</html>

기초의 모든 레슨

직접 연습해 보세요: Web 플레이그라운드