티스토리 뷰
1. WebStudy 다녀왔다
숙제 : 게시판 리스트와 세부 내용을 html, js, css, php를 이용하여 구현하라 --> 나는 html js css에 집중하기로 했다.
1. /list
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Pakker's Web_homeWork1</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> <style type="text/css"> .table-div{display:table} .ta-div{display:table-row; font-weight: bold;} .tr-div{display:table-row} .td-div{display:table-cell;border:1px solid silver; text-align: center;} </style> </head> <body> <br> <h2>Pakker's Web_homeWork1</h2><br> <div class="table-div" style="width:100%"> <div class="ta-div"> <div class="td-div">NO</div> <div class="td-div">제목</div> <div class="td-div">작성자</div> <div class="td-div">조회수</div> </div> <div class="tr-div"> <div class="td-div">1</div> <div class="td-div", onclick="location.href='Web_1.html';">안녕하세요</div> <div class="td-div">pakker</div> <div class="td-div">20</div> </div> <div class="tr-div"> <div class="td-div">2</div> <div class="td-div", onclick="location.href='Web_2.html';">hi</div> <div class="td-div">pakker</div> <div class="td-div">20</div> </div> <BUTTON type="BUTTON" class="btn btn-info btn-xs" onclick="location.href='create.html'">글쓰기</BUTTON> </div> <!--JQuery--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!--마지막에 적은 이유: 브라우저가 script파일 읽는데 시간걸림, 그래서 마지막에 로드하기 위해서--> <script type="text/javascript" src="js/bootstrap.js"></script> </body> </html> | cs |
2. detail
내용과, 글쓰기를 입력하면 이렇게 나올 수 있게 구현했다
앞으로는 상세페이지 css, jQuery사용 부분을 공부 해야겠다
'게시판' 카테고리의 다른 글
| 2018.10.23 (0) | 2018.10.24 |
|---|
댓글