작가:
Mark Sanchez
창조 날짜:
28 1 월 2021
업데이트 날짜:
1 칠월 2024
![HTML - 표1 : 기본](https://i.ytimg.com/vi/XUTFXu0f4qo/hqdefault.jpg)
콘텐츠
HTML로 테이블을 만드는 것은 상당히 어렵습니다. 그러나 이 문서에 설명된 단계를 통해 사이트용으로 만들 수 있어야 합니다.
단계
1 Windows에서 메모장이나 워드패드와 같은 간단한 워드 프로세싱 프로그램을 열거나 Mac에서 TextEdit를 엽니다.
2 표 앞에 표시할 모든 텍스트를 입력합니다.
- 3 table> 태그를 입력하여 HTML 문서에 대한 테이블 사용을 정의합니다.
- 4 Enter 키를 누릅니다.
5 tr> 태그를 사용하여 행 테이블을 여는 태그를 입력합니다.
- 6나머지 모든 요소를 왼쪽에서 오른쪽으로 작성하는 것을 잊지 마십시오.
7 Enter 키를 누릅니다.
8 th> 태그를 사용하여 테이블 제목의 시작 태그를 입력합니다.
9 첫 번째 열에 사용할 제목을 입력합니다.
10 / th> 태그를 사용하여 테이블 표제 요소에 대한 닫는 태그를 입력하십시오.
11 Enter 키를 누릅니다.
12 단계 반복(열에 항목 정렬 왼쪽에서 오른쪽으로).
13 / tr> 태그를 입력하여 이 줄을 닫습니다.
14 Enter 키를 누릅니다.
15 다른 tr> 태그로 다른 줄을 시작합니다.
16 Enter 키를 누릅니다.
17 td> 태그를 사용하여 테이블 데이터 태그를 입력합니다.
18 각 필드에 포함할 테이블 데이터를 입력합니다.
- 19위에 표시된 열의 데이터를 채우면서 왼쪽에서 오른쪽으로 작업합니다.
20 / td> 태그로 각 입력을 닫습니다.
- 21 가지고 있는 모든 테이블 데이터에 대해 반복합니다.
- 아무 것도 입력할 필요가 없는 셀의 경우 td> 및 td> 사이에 아무 것도 입력하지 마십시오. 이것은 다른 두 필드 사이의 필드에 매우 유용합니다.
- 아무 것도 입력할 필요가 없는 셀의 경우 td> 및 td> 사이에 아무 것도 입력하지 마십시오. 이것은 다른 두 필드 사이의 필드에 매우 유용합니다.
22 다른 / tr> 태그로 각 줄을 닫습니다.
23 각 라인이 조립될 때까지 tr> 및 / td> 라인에 추가하여 각 라인을 아래로 반복합니다.
24 / table> 태그로 테이블을 닫습니다.
25 문서의 나머지 부분에 필요한 대로 다음 HTML 텍스트를 입력합니다.
팁
- 코드에서 수행하려는 작업을 이해할 수 있도록 각 줄에서 들여쓰기합니다.
경고
- 테이블 머리글이 없는 데이터 열을 실수로 너무 많이 입력하면 여전히 표시되지만 약간 어리석게 보일 수 있으며 독자는 이 정보가 무엇을 위한 것인지 이해하지 못할 것입니다.
- HTML 페이지에서 테이블을 작성하는 것은 이해하기 어려운 과정입니다. 먼저 외부 데이터를 연습하여 어떻게 보이는지 확인한 다음 새 테이블을 찾아 그 자리에 배치합니다.
- HTML 테이블 코드는 고급 HTML 코더에게 맡기는 것이 가장 좋습니다. 그러나 이 지침을 따르면 당신도 그 중 하나가 될 것입니다.