html 표

<table> 구성요소

<th>	테이블의 속성명
<tr>	테이블의 행
<td>	테이블의 열

 

예시

<table border="1">
            <thead>
            <tr>
                <th>#</th>
                <th>제목</th>
                <th>작성자</th>
                <th>게시글</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="post : ${post}">
                <td th:text="${post.id}"></td>
                <td th:text="${post.title}"></td>
                <td th:text="${post.author}"></td>
                <td th:text="${post.content}"></td>
            </tr>
            </tbody>
        </table>

 

 

테이블 디자인

border	테이블의 테두리(숫자가 높을수록 테두리가 굵음)
width	가로
height	세로
align	정렬
colspan	가로 합치기
rowspan	세로 합치기

 

 

 

참고 👉 https://coding-factory.tistory.com/184

[Html] 테이블(Table) 사용법 총정리(만들기,테두리,병합,정렬,배경색 등등)