본문 바로가기
HTML&CSS&JS

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

by #Glacier 2020. 6. 22. 
<!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>

 

 

후줄근~ 허다~

 

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

저작자표시 비영리

'HTML&CSS&JS' 카테고리의 다른 글

[HTML5] <table> 태그로 계산기 모양 만들기  (0) 2020.06.22
[HTML5] <form> 태그  (2) 2020.06.22
[HTML5] <table> <td> <tr> <thead> <tfoot> 태그  (0) 2020.06.22
[HTML5] <audio> <video> <iframe> < embed> 태그  (0) 2020.06.21
[HTML5] <ol> <ul>, <li>, <header>, <section>, <footer> 태그  (0) 2020.06.21

관련글

티스토리툴바