table 태그

👴 코드 설명

• 표: table
• 행: tr
• 셀: td(데이터), th(열 제목)
• thead: 머리말 부분 감싸줌
• tbody: 콘텐츠 내용
• tfoot: 끝맺음

👉 입력(html)

<table>
  <thead>
    <tr>
      <th>이름</th>
      <th>연락처</th>
      <th>이메일</th>
  	</tr>
  </thead>
  
  <tbody>
    <tr>
      <td>유재석</td>
      <td>010-0000-0000</td>
      <td>aaa@gmail.com</td>
  	</tr>
    <tr>
      <td>김종국</td>
      <td>010-0000-0001</td>
      <td>aab@gmail.com</td>
    </tr>
    <tr>
      <td>송지효</td>
      <td>010-0000-0002</td>
      <td>abb@gmail.com</td>
    </tr>
  </tbody>

  

👉 입력(css)

	table, th, td{
		boder: 1px solid black;
		boder-collapse: collapse;
		}
        
    table{width: 100%}

👀 출력

이름	연락처	이메일
유재석	010-0000-0000	aaa@gmail.com
김종국	010-0000-0001	aab@gmail.com
송지효	010-0000-0002	abb@gmail.com