2019.04.15 Python and Django Full Stack Web Developer Bootcamp

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

# 질문에 답하기

  1. html에서 테이블 만드는 tag

html leve 2

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

html leve 2 test

test2

구현

<!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>
저작자표시

'HTML' 카테고리의 다른 글

HTML 06. Server만들기(POST 및 CGI)  (0) 2020.01.16
HTML 05. Server만들기(get)  (0) 2020.01.16
HTML 04. clone page+Bootstrap  (0) 2020.01.16
HTML 03. form, input, label  (0) 2020.01.16
HTML 01. 기본 tag들  (0) 2020.01.16

+ Recent posts

티스토리툴바