HTML에서 테이블을 만드는 방법

작가: Mark Sanchez
창조 날짜: 28 1 월 2021
업데이트 날짜: 1 칠월 2024
Anonim
HTML - 표1 : 기본
동영상: HTML - 표1 : 기본

콘텐츠

HTML로 테이블을 만드는 것은 상당히 어렵습니다. 그러나 이 문서에 설명된 단계를 통해 사이트용으로 만들 수 있어야 합니다.

단계

  1. 1 Windows에서 메모장이나 워드패드와 같은 간단한 워드 프로세싱 프로그램을 열거나 Mac에서 TextEdit를 엽니다.
  2. 2 표 앞에 표시할 모든 텍스트를 입력합니다.
  3. 3 table> 태그를 입력하여 HTML 문서에 대한 테이블 사용을 정의합니다.

  4. 4 Enter 키를 누릅니다.

  5. 5 tr> 태그를 사용하여 행 테이블을 여는 태그를 입력합니다.
  6. 6나머지 모든 요소를 ​​왼쪽에서 오른쪽으로 작성하는 것을 잊지 마십시오.
  7. 7 Enter 키를 누릅니다.
  8. 8 th> 태그를 사용하여 테이블 제목의 시작 태그를 입력합니다.
  9. 9 첫 번째 열에 사용할 제목을 입력합니다.
  10. 10 / th> 태그를 사용하여 테이블 표제 요소에 대한 닫는 태그를 입력하십시오.
  11. 11 Enter 키를 누릅니다.
  12. 12 단계 반복(열에 항목 정렬 왼쪽에서 오른쪽으로).
  13. 13 / tr> 태그를 입력하여 이 줄을 닫습니다.
  14. 14 Enter 키를 누릅니다.
  15. 15 다른 tr> 태그로 다른 줄을 시작합니다.
  16. 16 Enter 키를 누릅니다.
  17. 17 td> 태그를 사용하여 테이블 데이터 태그를 입력합니다.
  18. 18 각 필드에 포함할 테이블 데이터를 입력합니다.
  19. 19위에 표시된 열의 데이터를 채우면서 왼쪽에서 오른쪽으로 작업합니다.
  20. 20 / td> 태그로 각 입력을 닫습니다.
  21. 21 가지고 있는 모든 테이블 데이터에 대해 반복합니다.
    • 아무 것도 입력할 필요가 없는 셀의 경우 td> 및 td> 사이에 아무 것도 입력하지 마십시오. 이것은 다른 두 필드 사이의 필드에 매우 유용합니다.
  22. 22 다른 / tr> 태그로 각 줄을 닫습니다.
  23. 23 각 라인이 조립될 때까지 tr> 및 / td> 라인에 추가하여 각 라인을 아래로 반복합니다.
  24. 24 / table> 태그로 테이블을 닫습니다.
  25. 25 문서의 나머지 부분에 필요한 대로 다음 HTML 텍스트를 입력합니다.

  • 코드에서 수행하려는 작업을 이해할 수 있도록 각 줄에서 들여쓰기합니다.

경고

  • 테이블 머리글이 없는 데이터 열을 실수로 너무 많이 입력하면 여전히 표시되지만 약간 어리석게 보일 수 있으며 독자는 이 정보가 무엇을 위한 것인지 이해하지 못할 것입니다.
  • HTML 페이지에서 테이블을 작성하는 것은 이해하기 어려운 과정입니다. 먼저 외부 데이터를 연습하여 어떻게 보이는지 확인한 다음 새 테이블을 찾아 그 자리에 배치합니다.
  • HTML 테이블 코드는 고급 HTML 코더에게 맡기는 것이 가장 좋습니다. 그러나 이 지침을 따르면 당신도 그 중 하나가 될 것입니다.