<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Python 웹프로젝트 v1</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/webproject.css">
<style>
/*페이지네이션의 페이지항목 간격 재조정*/
#pgnav li {margin-left: 10px}
#pgnav {text-align: center; margin-left: -100px}
/*페이지네이션의 현재 페이지에 대한 스타일 지정*/
.cpage {font-weight: bold; font-size:50px;
color:red}
/*게시판 목록 테이블 가운데 정렬*/
table {margin:65px auto -10px; width: 60%;
height: 30px; border: 1px solid black;
/*border-spacing: 10px; 테두리간 간격*/
border-collapse: collapse; /*테두리 하나로 합침*/
border-top: none;
border-bottom: 3px solid black;
table-layout: fixed}
th, td{border: 1px solid black; padding:10px;
padding: 10px; text-align: center;
border-left:none;
border-right: none }
/* td:first-child{width:10%}
td:nth-child(3){width:15%}
td:nth-child(4){width:15%}
td:last-child{width:10%} */
td:nth-child(2) {white-space: nowrap}
td { overflow: hidden; text-overflow: ellipsis}
tr:first-child td{text-align: right; }
tr:nth-child(odd) {background: ivory}
tr:nth-child(even) {background: cornsilk}
tr:hover{background: gainsboro}
</style>
</head>
<body>
<div id="wrap">
<header>
<h1>Python 웹 프로젝트 v1</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="join.html">회원가입</a></li>
<li><a href="login.html">로그인</a></li>
<li><a href="board.html">게시판</a></li>
<li><a href="myinfo.html">회원정보</a></li>
</ul>
</nav>
<hr>
</header>
<div id="main">
<h2>게시판</h2>
<table>
<colgroup>
<col style="width: 10%">
<col style="">
<col style="width: 15%">
<col style="width: 15%">
<col style="width: 10%">
</colgroup>
<tr><td colspan="5">
<button type="button"><a href="write.html">새글쓰기</a></button></td></tr>
<tr>
<th>번호</th><th>제목</th>
<th>작성자</th><th>작성일</th>
<th>조회</th>
</tr>
<tr>
<td>1</td>
<td><a href="view.html?bno=1">시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!</a> </td>
<td>zzyzzy</td>
<td>2022-05-27</td>
<td>756</td>
</tr>
<tr>
<td>2</td>
<td>시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!</td>
<td>zzyzzy</td>
<td>2022-05-27</td>
<td>756</td>
</tr>
<tr>
<td>3</td>
<td>시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!</td>
<td>zzyzzy</td>
<td>2022-05-27</td>
<td>756</td>
</tr>
<tr>
<td>4</td>
<td>시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!</td>
<td>zzyzzy</td>
<td>2022-05-27</td>
<td>756</td>
</tr>
<tr>
<td>5</td>
<td>시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!</td>
<td>zzyzzy</td>
<td>2022-05-27</td>
<td>756</td>
</tr>
<tr>
<td>6</td>
<td>시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!</td>
<td>zzyzzy</td>
<td>2022-05-27</td>
<td>756</td>
</tr>
<tr>
<td>7</td>
<td>시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!</td>
<td>zzyzzy</td>
<td>2022-05-27</td>
<td>756</td>
</tr>
<tr>
<td>8</td>
<td>시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!</td>
<td>zzyzzy</td>
<td>2022-05-27</td>
<td>756</td>
</tr>
<tr>
<td>9</td>
<td>시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!</td>
<td>zzyzzy</td>
<td>2022-05-27</td>
<td>756</td>
</tr>
<tr>
<td>10</td>
<td>시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!</td>
<td>zzyzzy</td>
<td>2022-05-27</td>
<td>756</td>
</tr>
</table>
<ul id="pgnav">
<li>이전</li>
<li class="cpage">1</li><li>2</li>
<li>3</li><li>4</li>
<li>5</li><li>6</li>
<li>7</li><li>8</li>
<li>9</li><li>10</li>
<li>다음</li>
</ul>
</div>
<footer>
<hr>
<span>copyright © zzyzzy. all right reserved.</span>
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="ko" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>레이아웃2</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/webproject.css">
<style>
#wrapper {width :1080px; margin: 0 auto; border:1px solid red}
</style>
</head>
<body>
<div id="wrap">
<div id="wrapper">
<aside>
<header>
<h1>로고</h1>
<ul id="qmenu">
<li>회원정보</li>
<li>로그인</li>
<li>회원가입</li>
</ul>
<div>
<input type="text", name="search">
<button type="button">검색</button>
</div>
<section>
<h3>공지사항</h3>
<ul>
<li>아이유사진은 업로드 금지</li>
<li>수지사진은 업로드 환영</li>
<li>아이유사진은 업로드 금지</li>
<li>수지사진은 업로드 환영</li>
<li>아이유사진은 업로드 금지</li>
</ul>
</section>
<div id="ad">
<p>아이유 광고는 금지!</p>
</div>
</header>
</aside>
<nav>
<ul id="gnb">
<li>프로젝트개요</li>
<li>공기자상</li>
<li>게시판</li>
<li>자료실</li>
<li>갤러리</li>
<li>커뮤니티</li>
<li>쇼핑몰</li>
<li>관리자</li>
</ul>
</nav>
<nav>
<ul id="fnb">
<li>이용약관</li>
<li>개인정보보호방침</li>
<li>이메일무단수집거부</li>
<li>고객지원</li>
<li>권리침해신고</li>
<li>광고문의</li>
<li>쇼핑몰</li>
<li>관리자</li>
</ul>
</nav>
<footer>
<h2>로고</h2>
<p>Copyrights (c) 2022. zzyzzy. all rights reserved.
1 infinite loop, cupertino, CA 985014. 개인정보 관리책임자 </p>
</footer>
</div>
<section>
<article>
<h1>Hello, World!</h1>
<p>nullam sed smper</p>
</article>
<article>
<h3>이미지 갤러리</h3>
<ul>
<li><div class="img"></div>
<a href="#">수지환영</a></li>
<li><div class="img"></div>
<a href="#">수지환영</a></li>
<li><div class="img"></div>
<a href="#">수지환영</a></li>
<li><div class="img"></div>
<a href="#">수지환영</a></li>
<li><div class="img"></div>
<a href="#">수지환영</a></li>
<li><div class="img"></div>
<a href="#">수지환영</a></li>
</ul>
</article>
<article>
<div id="news">
<h3>최신정보</h3>
<ul>
<li>[skt/번이] <갤럭시s3 -할인 0원 > </li>
<li>[skt/번이] < 그랜드 > </li>
<li>[skt/번이] <갤럭시s3 -할인 0원 > </li>
<li>[skt/번이] < 그랜드 > </li>
<li>[skt/번이] <갤럭시s3 -할인 0원 > </li>
<li>[skt/번이] < 그랜드 > </li>
<li>[skt/번이] <갤럭시s3 -할인 0원 > </li>
<li>[skt/번이] < 그랜드 > </li>
<li>[skt/번이] <갤럭시s3 -할인 0원 > </li>
<li>[skt/번이] < 그랜드 > </li>
</ul>
</div>
<div id="used">
<h3>사용기/설치기</h3>
<ul>
<li>엑스맨 감상기 [노스포]</li>
<li>her 감상기 [평점9]</li>
<li>엑스맨 감상기 [노스포]</li>
<li>her 감상기 [평점9]</li>
<li>엑스맨 감상기 [노스포]</li>
<li>her 감상기 [평점9]</li>
<li>엑스맨 감상기 [노스포]</li>
<li>her 감상기 [평점9]</li>
</ul>
</div>
</article>
</section>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Python 웹프로젝트 v1</title>
<link rel="stylesheet" href="css/normalize.css">
<style>
#main {height : auto; min-height: 500px }
/* 링크관련 스타일시트*/
a{font-weight:bold }
a:link {text-decoration: none; color: black }
a:visited {text-decoration: none; color: black }
a:hover {text-decoration: underline; color: #cb8e23
}
a:active {text-decoration: underline; color: pink }
#wrap {/*border:1px solid red;*/ width:1250px;
margin:0 auto}
/*상단메뉴 수평배치*/
ul {list-style: none; padding:0}
ul li {display: inline-block; margin-left: 155px}
/*상단 로고 배치*/
header h1{ margin-bottom:45px}
footer span{display:block; text-align: center}
hr {background:black; color: black; height:1px; }
</style>
</head>
<body>
<div id="wrap">
<header>
<h1>Python 웹 프로젝트 v1</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="join.html">회원가입</a></li>
<li><a href="login.html">로그인</a></li>
<li><a href="board.html">게시판</a></li>
<li><a href="myinfo.html">회원정보</a></li>
</ul>
</nav>
<hr>
</header>
<div id="main"></div>
<footer>
<hr>
<span>copyright © zzyzzy. all right reserved.</span>
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Python 웹프로젝트 v1</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/webproject.css">
<style>
/*회원가입 폼 배치하기*/
form {/* border:1px solid red;*/ width: 350px;
margin: 150px auto; }
/*회원가입 폼 요소에 여백 주기*/
form div {margin-top: 10px }
/*회원가입 폼 라벨에 너비 설정*/
form label {display:inline-block; width: 120px; text-align: right;
font-weight: bold} /*인라인 요소(label)를 블록요소로 변경해야 함 */
/*회원가입 폼 버튼 위치 설정*/
form button:first-child{ margin-left: 125px}
</style>
</head>
<body>
<div id="wrap">
<header>
<h1>Python 웹 프로젝트 v1</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="join.html">회원가입</a></li>
<li><a href="login.html">로그인</a></li>
<li><a href="board.html">게시판</a></li>
<li><a href="myinfo.html">회원정보</a></li>
</ul>
</nav>
<hr>
</header>
<div id="main">
<h2>회원가입</h2>
<form name="joinfrm" method="post" action="join.do">
<div><label for="userid">아이디</label>
<input type = "text" name="userid" id="userid"></div>
<div><label for="passwd">비밀번호</label>
<input type = "password" name="passwd" id="passwd"></div>
<div><label for="repasswd">비밀번호 확인</label>
<input type = "password" name="repasswd" id="repasswd"></div>
<div><label for="name">이름</label>
<input type = "text" name="name" id="name"></div>
<div><label for="email">이메일</label>
<input type = "text" name="email" id="email"></div>
<div><label></label>
<button type="submit">로그인</button>
<button type="reset">다시 입력</button> </div>
</form>
</div>
<footer>
<hr>
<span>copyright © zzyzzy. all right reserved.</span>
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Python 웹프로젝트 v1</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/webproject.css">
<style>
/*회원가입 폼 배치하기*/
form {/* border:1px solid red;*/
width: 350px;
margin: 150px auto; }
/*회원가입 폼 요소에 여백 주기*/
form div {margin-top: 10px }
/*회원가입 폼 라벨에 너비 설정*/
form label {display:inline-block; width: 120px; text-align: right;
font-weight: bold} /*인라인 요소(label)를 블록요소로 변경해야 함 */
/*회원가입 폼 버튼 위치 설정*/
form button:first-child{ margin-left: 110px}
form div {margin-top: 10px;}
/*로그인 폼 배치하기*/
</style>
</head>
<body>
<div id="wrap">
<header>
<h1>Python 웹 프로젝트 v1</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="join.html">회원가입</a></li>
<li><a href="login.html">로그인</a></li>
<li><a href="board.html">게시판</a></li>
<li><a href="myinfo.html">회원정보</a></li>
</ul>
</nav>
<hr>
</header>
<div id="main">
<h2>로그인</h2>
<form name="loginfrm" method="post" action="Login.do">
<div><label for="userid">아이디</label>
<input type = "text" name="userid" id="userid"></div>
<div><label for="passwd">비밀번호</label>
<input type = "password" name="passwd" id="passwd"></div>
<div><label></label>
<button type="button">로그인</button>
</div>
</form>
</div>
</div>
<footer>
<hr>
<span>copyright © zzyzzy. all right reserved.</span>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Python 웹프로젝트 v1</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/webproject.css">
<style>
table {/*border:1px solid red;*/ margin:120px auto;
border-top: 3px solid black;
border-bottom: 3px solid black;}
th, td {padding:10px}
table, #main th, #main td{
border-left:none;
border-right: none;
padding: 15px}
#main tr:nth-child(odd) {background: whitesmoke}
#main tr:nth-child(even) {background: cornsilk}
#main tr:hover{background: gainsboro}
</style>
</head>
<body>
<div id="wrap">
<header>
<h1>Python 웹 프로젝트 v1</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="join.html">회원가입</a></li>
<li><a href="login.html">로그인</a></li>
<li><a href="board.html">게시판</a></li>
<li><a href="myinfo.html">회원정보</a></li>
</ul>
</nav>
<hr>
</header>
<div id="main">
<h2>회원정보</h2>
<table>
<tr><th>아이디</th><td>zzyzzy</td></tr>
<tr><th>이름</th><td>으하하하</td></tr>
<tr><th>이메일</th><td>zzyzzy@naver.com</td></tr>
<tr><th>가입일</th><td>2022-05-27 12:17:36</td></tr>
</table>
</div>
<footer>
<hr>
<span>copyright © zzyzzy. all right reserved.</span>
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>레이아웃</title>
<link rel="stylesheet" href="css/normalize.css">
<style>
#wrapper {width : 950px; border:3px solid black; margin: 0 auto}
header {/*border: 1px solid darkred;*/ height:120px; position: relative}
header h1 {margin:0}
header img {width:120px; padding: 0px}
#qmenu {list-style:none; padding: 0;
position: absolute; right:5px; right:15px; top:-3px}
#qmenu li {display:inline-block}
header div {position: absolute; top:95px; left: 135px;}
#qmenu li:after{ content:' | ' }
#qmenu li:last-child:after { content:' ' }
#copy {text-align: center; padding: 10px}
#container {border: 3px solid black; border-left: none;
border-top: none; border-right: none; }
nav {background: silver; padding: 5px 15px}
#search {width:260px; border: 3px solid grey;
padding: 3px}
nav select {width:150px; border: 3px solid grey;
text-decoration: underline}
nav button {width: 100px; background: grey;
border: none; padding: 5px; color:white;
border-radius: 5px }
#today { /*border: 3px solid black;*/ text-align: center; }
#container {margin-top: 10px}
/* section #1 */
section:first-child { /*border: 1px solid black; */ }
/* Category */
section:first-child aside {/*border: 1px solid black;*/ width: 23%;
display: inline-block; margin-left: 7px}
aside ul {list-style: none; padding:0; border:3px solid black; margin:0}
aside li {border-bottom: 1px solid silver; padding: 7px 10px; font-weight: bold }
aside li:last-child {border: none}
/* Promotional image */
section:first-child #banner {
border: 3px solid black; width:72%;
display: inline-block; vertical-align: top;
height: 234px; position: relative}
#banner ul {list-style: none; padding:0;
position: absolute; right:15px; bottom:-5px}
#banner li {display: inline-block; margin-left: 10px;
background: silver; padding: 3px 7px; }
#banner p {text-align: center; margin-top:100px; }
/* Today's Special */
section:nth-child(2) h2 {margin-left: 2px; text-align: left; margin-left: 30px}
section:nth-child(2) ul {list-style: none; padding: 0; margin: 50px 0 }
section:nth-child(2) li {display: inline-block; margin-inside: 43px}
section:nth-child(2) img {width: 100px; height:100px; border: 1px dashed black;
border-radius: 5px;}
section:nth-child(2) a {display: block; text-align: center}
#fnb {/* border: 1px solid navy;*/ border-top: 2px solid black;
height:180px; margin-bottom: 20px }
#fnb ul {list-style: none; padding-left: 40px; padding: 0;
margin-top: 30px; display: inline-block;
vertical-align: top; margin-right: 75px}
#fnb ul:first-child {margin-left: 45px}
#fnb h3 {margin: 0; }
#fnb li {padding-bottom: 5px}
</style>
</head>
<body>
<div id="wrapper">
<header>
<h1><img src="../img/plane.png"></h1>
<ul id="qmenu">
<li>contact</li>
<li>store locator</li>
<li>support</li>
<li>CART</li>
</ul>
<div><a href="#">Log in</a> or <a href="#">Create Account</a></div>
</header>
<nav>
<input type="text" name="search" id="search">
<select name="category">
<option>Category</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<button type="button">SEARCH</button>
</nav>
<div id="container">
<section>
<aside>
<ul id="cate">
<li>All categories</li>
<li>Category1</li>
<li>Category2</li>
<li>Category3</li>
<li>Category4</li>
<li>Category5</li>
<li>Category6</li>
</ul>
</aside>
<div id="banner">
<p>[PROMOTIONAL IMAGES ROTATE HERE]</p>
<ul><li>1</li><li>2</li><li>3</li><li>4</li></ul>
</div>
</section>
<section>
<div id="today">
<h2>Today's Specials</h2>
<ul><li><img src="../img/rubber-duck.png">
<a href="../img/rubber-duck.png">Product1</a></li>
<li><img src="../img/rubber-duck.png">
<a href="#">Product2</a></li>
<li><img src="../img/rubber-duck.png">
<a href="#">Product3</a></li>
<li><img src="../img/rubber-duck.png">
<a href="#">Product4</a></li>
<li><img src="../img/rubber-duck.png">
<a href="#">Product5</a></li>
<li><img src="../img/rubber-duck.png">
<a href="#">Product6</a></li>
</ul>
</div>
</section>
</div>
<footer>
<div id="fnb">
<ul><li><h3>ABOUT US</h3></li>
<li>Company</li>
<li>News</li>
<li>Jobs</li>
<li>Policies</li>
<li>Contact</li></ul>
<ul><li><h3>SOCIAL</h3></li>
<li>Facebook</li>
<li>Twitter</li>
<li>Try out app</li></ul>
<ul><li><h3>SERVICE</h3></li>
<li>FAQ</li>
<li>Live support</li>
<li>site map</li></ul>
</div>
</footer>
</div>
<footer>
<div id="copy">
copyright © zzyzzy. all right reserved.
</div>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Python 웹프로젝트 v1</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/webproject.css">
<style>
table{width: 60%; margin: 65px auto -10px;
/* border: 1px solid black; */
border-collapse: collapse; table-layout: fixed;
margin-bottom:30px }
th, td {/* border: 1px solid black; */
padding:15px }
th:first-child {width: 15%}
tr:nth-child(4) th {vertical-align: top }
tr:nth-child(4) td {border: 1px solid orange; height: 300px;
vertical-align: top;
overflow: auto; }
tr:nth-child(4) div {height: 300px }
tr:nth-child(5) td{text-align: right}
</style>
</head>
<body>
<div id="wrap">
<header>
<h1>Python 웹 프로젝트 v1</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="join.html">회원가입</a></li>
<li><a href="login.html">로그인</a></li>
<li><a href="board.html">게시판</a></li>
<li><a href="myinfo.html">회원정보</a></li>
</ul>
</nav>
<hr>
</header>
<div id="main">
<h2>게시판 본문글</h2>
<table>
<tr><th>제목</th><td>시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!</td></tr>
<tr><th>작성자</th><td>zzyzzy</td></tr>
<tr><th>작성일</th><td>2022-05-27 12:34:27 </td></tr>
<tr><th>본문</th><td><div class="box">시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
시간은 금이라구, 친구! 진짜라구 친구! 정말이라구, 친구!
</div></td></tr>
<tr><td colspan="2">
<button type="button"><a href="board.html">목록으로 이동</a></button>
<button type="button" onclick="location.href='write.html'">새글쓰기</button>
<button type="button">수정하기</button>
<button type="button">삭제하기</button>
</td>
</tr>
</table>
</div>
<footer>
<hr>
<span>copyright © zzyzzy. all right reserved.</span>
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Python 웹프로젝트 v1</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/webproject.css">
<style>
form { /* border:1px solid red; */ width: 60%;
margin:65px auto 10px}
form div {margin-top: 10px}
form label {display: inline-block;
width: 120px; text-align: right;
font-weight: bold; margin-right: 15px}
.dragup {vertical-align: top; margin-top: 80px }
</style>
</head>
<body>
<div id="wrap">
<header>
<h1>Python 웹 프로젝트 v1</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="join.html">회원가입</a></li>
<li><a href="login.html">로그인</a></li>
<li><a href="board.html">게시판</a></li>
<li><a href="myinfo.html">회원정보</a></li>
</ul>
</nav>
<hr>
</header>
<h2>게시판 새글쓰기</h2>
<div id="main">
<form name="boardfrm" method="post" action="board.do">
<div ><label>제목</label>
<input type="text" name="title" id="title"></div>
<div><label for="title">작성자</label>
<span> zzyzzy</span></div>
<div><label for="contents" class="dragup">본문</label>
<textarea name="contents" id="contents"
rows="10" cols="50"
style="resize:none"></textarea></div>
<div><label></label>
<button type="submit"> 입력완료</button>
<button type="reset"> 다시입력</button>
</div>
</form>
</div>
<footer>
<hr>
<span>copyright © zzyzzy. all right reserved.</span>
</footer>
</div>
</body>
</html>