HTML 테이블은 웹사이트의 정보를 담고 있습니다.
웹사이트에 열을 추가하면 콘텐츠를 구성하는 데 도움이 됩니다. 실제로 웹 페이지에 포함할 수 있는 열 수에는 제한이 없습니다. 그러나 열을 코딩하려면 다른 HTML 태그인 테이블에 대한 지식이 필요합니다. 이 두 태그를 함께 사용하면 깨끗하고 멋진 웹사이트를 만들 수 있는 가능성이 무궁무진합니다.
1 단계
HTML 편집기를 시작합니다. 프로그램의 탐색 모음에서 "파일" 및 "새로 만들기"를 선택합니다. 화면에 빈 문서가 나타납니다.
오늘의 비디오
2 단계
테이블을 만듭니다. 테이블은 다음과 같이 정의됩니다.
꼬리표. 각 테이블은 행으로, 각 행은 데이터 셀로 나눌 수 있습니다. 데이터 셀은 열을 정의합니다. 2열 테이블은 다음과 유사하게 코딩됩니다.1열 | 2열 |
3단계
표의 테두리 속성을 조정합니다. 열에 테두리를 지정하려면 table 태그 안에 border="1" 태그를 넣으세요. bordercolor="#000000" 태그가 있는 HEX 색상 코드를 사용하여 테두리 색상을 변경합니다. #000000은 검은색입니다. 테두리 색상을 표시하려면 테두리를 "1" 이상으로 정의해야 합니다.
예시:
1열 | 2열 |
4단계
cellpadding 또는 cellspacing을 추가하십시오. Cellpadding은 테두리와 셀 내용 사이의 공백 양입니다. 셀 간격은 셀 사이의 거리입니다. 이러한 태그는 테이블 태그 내에서 적용됩니다. cellpadding 또는 cellspacing이 활성화되어 있어야 하는 것은 아닙니다.
예시:
1열 | 2열 |
5단계
열에 콘텐츠를 추가합니다. 텍스트, 이미지, 양식 등은 테이블 데이터 태그 안에 들어갈 수 있습니다.
6단계
HTML 문서를 저장합니다. 웹 서버에 업로드하기 전에 인터넷 브라우저에서 미리 봅니다.