HTML

테이블태그

낮햇볕 2022. 1. 31. 17:37

 

 

 

table : 테이블 만드는 태그

 

th(table header) : 테이블 제목

 

tr(table row) : 테이블 행

 

td(table data)  : 테이블 칸 만드는 태그

 

colspan : 하나의 셀 합치고 싶을때

 

rowspan : 자신의 셀과 아래셀 합치고 싶을때

 

<head>
   <style>
        table, td, tr {
         border:2px solid black;
        }
    </style>
</head>
 <table>
   <tr>
     <td rowspan="2">과일</td>
     <td>노란색</td>
     <td>빨간색</td>
    </tr>
   <tr>
     <td>바나나</td>
     <td>포도</td> 
   </tr>
   <tr>
     <td>물건</td>
     <td>스쿨버스</td>
     <td>산타모자</td>
   </tr>
   <tr>
     <td colspan = "3">오답을 입력하시오</td>
   </tr>
 <table>

 

과일 노란색 빨간색
바나나 포도
물건 스쿨버스 산타모자
오답을 입력하시오