HTML&CSS&JS

[HTML5] <table> 태그로 너무나도 심플한 게시판 모양 만들기

#Glacier 2020. 6. 22. 23:28 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>listBoard</title>
</head>
<body>
	<hr>
	<caption>
	<h2 align = "center">게시판 목록</h2>
	</caption>
	<hr>
   <table border = "1" style = "width: 100%; height: 1cm;"  > 
      <tr> 
      	 <td align="center" width = "10%"><strong>번호</strong></td>
         <td align="center" width = "70%"><strong>제목</strong></td>
         <td align="center" width = "10%"><strong>글쓴이</strong></td>
         <td align="center" width = "10%"><strong>등록일</strong></td>
      </tr>
      <tr> 
      	 <td align="center">46</td>
         <td align="left"><a href="#"><u>동적인 글</u></a></td>
         <td align="center">테스터</td>
         <td align="center">2012-11-07</td>
      </tr>
      <tr> 
      	 <td align="center">45</td>
         <td align="left"><a href="#"><u>자바제목</u></a></td>
         <td align="center">JDBC</td>
         <td align="center">2012-11-07</td>
      </tr>
      <tr> 
      	 <td align="center">44</td>
         <td align="left"><a href="#"><u>자바제목</u></a></td>
         <td align="center">JDBC</td>
         <td align="center">2012-11-07</td>
      </tr>
      <tr> 
      	 <td align="center">43</td>
         <td align="left"><a href="#"><u>자바제목</u></a></td>
         <td align="center">JDBC</td>
         <td align="center">2012-11-07</td>
      </tr>             
   </table>
</body>
</html>

 

 

후줄근~ 허다~

 

심플 그 자체인 게시판 목록이다.

저작자표시 비영리 (새창열림)