HTML 02. table 만들기

HTML

HTML 02. table 만들기

대구 올빼미 2020. 1. 16. 09:25

2019.04.15 Python and Django Full Stack Web Developer Bootcamp

(스스로 이해한 것을 바탕으로 정리한 것으로 오류가 있을 수 있습니다)

# 질문에 답하기

html에서 테이블 만드는 tag

html leve 2

table border = "1" : 테이블을 생성하겠다는 명령어(테두리 굵기 설정)
1. thead : 테이블 행 제목 생성
  1. th 테이블 행 제목 입력
  2. 없어도 되나 굵게 표시되어 보기가 좋다.
2. tr : 테이블 행 생성 명령어
  1. td 테이블 열 적기
  2. tr을 계속 추가해줘서 열 계속 만들어주기

html leve 2 test

구현

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <table border = "1">
      <thead>
        <th>Country Name</th>
        <th>Country Flag</th>
        <th>GDP(MIllions of USE)</th>
      </thead>
      <tr>
        <td>USA</td>
        <td><<img src="https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/190px-Flag_of_the_United_States.svg.png" alt=""></td>
        <td>18,561,930</td>
      </tr>
      <tr>
        <td>India</td>
        <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/4/41/Flag_of_India.svg/150px-Flag_of_India.svg.png" alt=""></td>
        <td>2,250,990</td>
      </tr>
      <tr>
        <td>United Kingdom</td>
        <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/a/ae/Flag_of_the_United_Kingdom.svg/200px-Flag_of_the_United_Kingdom.svg.png" alt=""></td>
        <td>2,649,890</td>
      </tr>
    </table>

  </body>
</html>

저작자표시