logo

TechCodeview

HTML 테이블

HTML 테이블은 웹 사이트에 데이터를 표시하기 위한 강력한 도구를 제공합니다. 그러나 그것들을 마스터하는 것은 단지 행과 열 이상의 것입니다. 이 기사는 귀하의 역할을 합니다. 궁극적인 가이드 HTML 테이블의 잠재력을 활용하고, 기본을 넘어서다 .

전제 조건: HTML 소개



내용의 테이블

HTML 테이블이란 무엇입니까?

HTML 테이블은 데이터를 배열한 것입니다. 행 그리고 기둥 표 형식으로. 테이블은 텍스트 정보 및 숫자 데이터 표시와 같은 다양한 작업에 유용합니다. 테이블은 다양한 유형의 데이터 간의 연결을 빠르고 쉽게 찾는 데 유용한 도구입니다. 테이블은 데이터베이스를 생성하는 데에도 사용됩니다.

HTML 테이블 코드 예

HTML 
     
 
 이름>성>나이> tr>
 프리야트>샤르마트>24td> tr>
 아룬트>신타>32td> tr>
 샘티드>왓슨>41td> tr> 테이블> 본문> html>>  
    산출:    
  HTML 테이블 예
간단한 HTML 테이블
 
 

 
HTML 테이블에 사용되는 태그
종료 태그로.
통사론
 Content...>
테이블 행
행은 테이블 셀의 조합을 통해 형성될 수 있습니다. 그것은 다음과 같이 표시됩니다.
시작 및 끝 태그로 태그를 지정합니다.
 
 

통사론
 Content...>
테이블 헤더
헤더는 일반적으로 제목을 제공하는 데 사용됩니다. 테이블 헤더를 사용하여 테이블에 제목을 추가할 수도 있습니다. 여기에는
태그.
통사론
 Content...>
    예시 1:    table 태그를 사용하여 HTML로 간단한 테이블을 만듭니다.
HTML 
     
 
 도서명>작성자 이름메스>장르> tr>
 책도둑>마커스 Zusaktd>역사소설td> tr>
 잔혹한 왕자>홀리 블랙티드>판타지td> tr>
 침묵의 환자td>알렉스 마이클리데스트>심리소설td> tr> 표> 본문> html>> 
    산출:    
 
HTML 테이블
    HTML 테이블에 테두리 추가    
테두리는 CSS border 속성을 사용하여 설정됩니다. 표에 테두리를 지정하지 않으면 테두리 없이 표시됩니다.
문자열 자바 반전

통사론
table, th, td {  border: 1px solid black; }>
    예    : HTML 테이블에 테두리를 추가합니다.
HTML