표의 행과 셀 구성하기

이번 단계에서 배울 내용

표는 행과 열로 값을 비교할 때 사용합니다. <table>이 표 전체를 감싸고, <tr>은 가로 한 줄인 행, <td>는 행 안의 일반 셀을 뜻합니다.

각 행에 같은 수의 셀을 두면 값이 열에 맞춰 정렬됩니다.

예시

아래 코드는 사용 방법을 보여 주는 예시입니다. 문제의 정답과는 다른 내용입니다.

<table>
  <tr>
    <td>사과</td>
    <td>3개</td>
  </tr>
  <tr>
    <td>배</td>
    <td>2개</td>
  </tr>
</table>

해야 할 일

과목과 점수를 두 열로 보여 주는 표를 만드세요. 첫 번째 행에는 HTML과 90, 두 번째 행에는 CSS와 85를 넣습니다.

완성 조건

• scores라는 id의 <table>을 한 개 만듭니다.
• 표 안에 행 <tr>을 두 개 만듭니다.
• 표 안에 일반 셀 <td>을 모두 네 개 만듭니다.
• 페이지 제목을 <h1>부터 순서대로 사용합니다.

작업 방법

1. 에디터에서 index.html을 엽니다.
2. TODO 주석이 있는 부분을 중심으로 코드를 수정합니다.
3. 미리보기에서 결과를 확인한 뒤 제출합니다.

별도의 입력값은 없습니다.

에디터에 준비된 index.html을 열고, 문제에서 안내하는 HTML 요소와 속성을 추가하거나 수정하세요. 브라우저 미리보기로 작성한 결과를 확인할 수 있습니다.

별도의 출력값은 없습니다.

수정한 index.html이 브라우저에서 정상적으로 열리고, 아래의 완성 조건을 모두 만족하면 됩니다.

도움말: 한 행의 기본 모양은 <tr><td>첫 값</td><td>둘째 값</td></tr>입니다.