logo

TechCodeview

Html 기본

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