html 표만들기 기본 태그 예시

Jihoon 토요일, 7월 31, 2021
html 표 만들기 기본 태그와 실습 가능한 사이트 https://www.w3schools.com/html/

아래는 정말 기본 테이블. 필요할때 가져다 쓰려고 올려놓는다. 위 링크에서 Try it yourself 버튼 클릭하고 아래 내용 붙여넣으면 결과를 볼 수 있다



 <!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 10px;
}
</style>
</head>
<body>
<h2>Collapsed Borders</h2>
<p>If you want the borders to collapse into one border, add the CSS border-collapse property.</p>
<table style="width:100%">
<caption>Monthly savings</caption>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>    <td>Doe</td>
    <td>80</td>
  </tr>
</table>
</body>
</html>

아래는 그 결과.


 다양한 table style 적용은 아래링크에서 볼수 있다.

https://www.w3schools.com/css/css_table.asp

댓글 쓰기

0 댓글