home
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 | <html> <head> <title> film exhibition </title> </head> <body> <table border> <table border = "0px" align = "center" width = "1000px"> <tr height = "200px"> <td width = "300px" align = "center"> <h1> A film photography exhibition</h1> </td> <td align = "center" > <a href = "home.html"> <b> Home </b></a> </td> <td align = "center"> <a href = "horizontal.html"> <b> Horizontal </b></a> </td> <td align = "center"> <a href = "vertical.html"> <b> Vertical </b></a> </td> <td align = "center"> <a href = "signup.html"> <b> Sign up </b></a> </td> </tr> </table> <table border = "0px" align = "center" width = "1000px" height = "400px"> <tr> <td align = "center"> <img src = "../../images/film_horizontal/home.JPG" width = "750px" height = "400px"/> </td> </tr> <tr> <td height = "100px" colspan = "4" align = "center"> <center><h3> welcome to my world</center></h3> </td> </tr> </table> </body> </html> | cs |
horizontal
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 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 | <html> <head> <title> film exhibition </title> </head> <body> <table border> <table border = "0px" align = "center" width = "1000px"> <tr height = "200px"> <td width = "300px" align = "center"> <h1> A film photography exhibition</h1> </td> <td align = "center"> <a href = "home.html"> <b> Home </b></a> </td> <td align = "center"> <a href = "horizontal.html"> <b> Horizontal </b></a> </td> <td align = "center"> <a href = "vertical.html"> <b> Vertical </b></a> </td> <td align = "center"> <a href = "signup.html"> <b> Sign up </b></a> </td> </tr> </table> <table border = "0px" align = "center" width = "1000px" height = "1000px" cellspacing = "10px"> <tr> <td align = "center"> <img src = "../../images/240405_homework/film_horizontal/1.JPG" width = "320px" height = "216px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_horizontal/2.JPG" width = "320px" height = "216px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_horizontal/3.JPG" width = "320px" height = "216px"/> </td> </tr> <tr> <td align = "center"> <img src = "../../images/240405_homework/film_horizontal/4.JPG" width = "320px" height = "216px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_horizontal/5.JPG" width = "320px" height = "216px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_horizontal/6.JPG" width = "320px" height = "216px"/> </td> </tr> <tr> <td align = "center"> <img src = "../../images/240405_homework/film_horizontal/7.JPG" width = "320px" height = "216px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_horizontal/8.JPG" width = "320px" height = "216px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_horizontal/9.JPG" width = "320px" height = "216px"/> </td> </tr> <tr> <td align = "center"> <img src = "../../images/240405_homework/film_horizontal/10.JPG" width = "320px" height = "216px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_horizontal/11.JPG" width = "320px" height = "216px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_horizontal/12.JPG" width = "320px" height = "216px"/> </td> </tr> </tr> </table> </body> </html> | cs |
vertical
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 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 | <html> <head> <title> film exhibition </title> </head> <body> <table border> <table border = "0px" align = "center" width = "1000px"> <tr height = "200px"> <td width = "300px" align = "center"> <h1> A film photography exhibition</h1> </td> <td align = "center"> <a href = "home.html"> <b> Home </b></a> </td> <td align = "center"> <a href = "horizontal.html"> <b> Horizontal </b></a> </td> <td align = "center"> <a href = "vertical.html"> <b> Vertical </b></a> </td> <td align = "center"> <a href = "signup.html"> <b> Sign up </b></a> </td> </tr> </table> <table border = "0px" align = "center" width = "1000px" cellspacing = "10px"> <tr> <td align = "center"> <img src = "../../images/240405_homework/film_vertical/1.JPG" width = "237px" height = "352px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_vertical/2.JPG" width = "237px" height = "352px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_vertical/3.JPG" width = "237px" height = "352px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_vertical/4.JPG" width = "237px" height = "352px"/> </td> </tr> <tr> <td align = "center"> <img src = "../../images/240405_homework/film_vertical/5.JPG" width = "237px" height = "352px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_vertical/6.JPG" width = "237px" height = "352px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_vertical/7.JPG" width = "237px" height = "352px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_vertical/8.JPG" width = "237px" height = "352px"/> </td> </tr> <tr> <td align = "center"> <img src = "../../images/240405_homework/film_vertical/9.JPG" width = "237px" height = "352px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_vertical/10.JPG" width = "237px" height = "352px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_vertical/11.JPG" width = "237px" height = "352px"/> </td> <td align = "center"> <img src = "../../images/240405_homework/film_vertical/12.JPG" width = "237px" height = "352px"/> </td> </tr> </tr> </table> </body> </html> | cs |
signup
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 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 | <html> <head> <title> film exhibition </title> </head> <body> <table border> <table border = "0px" align = "center" width = "1000px"> <tr height = "200px"> <td width = "300px" align = "center"> <h1> A film photography exhibition</h1> </td> <td align = "center" > <a href = "home.html"> <b> Home </b></a> </td> <td align = "center"> <a href = "horizontal.html"> <b> Horizontal </b></a> </td> <td align = "center"> <a href = "vertical.html"> <b> Vertical </b></a> </td> <td align = "center"> <a href = "signup.html"> <b> Sign up </b></a> </td> </tr> </table> <form name = "" method = "post" action = "atom.jsp"> <table border = "0px" align = "center" width = "1000px" cellpadding = "0px" cellspacing = "10px"> <tr> <td rowspan = "4" align = "center"> <img src = "../../images/240405_homework/film_horizontal/13.JPG" width = "320px" height = "216px"/> </td> <th > 아이디</th> <td align = "center"> <input type = "text" name = "id" id = "id" /> </td> </tr> <tr> <th> 비밀번호</th> <td align = "center"> <input type = "password" name = "pwd" id = "pwd" /> </td> </tr> <tr> <th> 비밀번호 확인</th> <td align = "center"> <input type = "password" name = "pwd" id = "pwd" /> </td> </tr> <tr> <th> 이름</th> <td align = "center"> <input type = "text" name = "name" id = "name" /> </td> </tr> <tr> <td rowspan = "4" align = "center"> <img src = "../../images/240405_homework/film_horizontal/14.JPG" width = "320px" height = "216px"/> </td> <th> 생년월일</th> <td align = "center"> <input type = "date" name = "birth" id = "birth" /> </td> </tr> <tr> <th> 이메일</th> <td align = "center"> <input type = "email" name = "email" id = "email" /> </td> </tr> <tr> <th> 휴대전화번호</th> <td align = "center"> <input type = "tel" name = "tel" id = "tel" /> </td> </tr> <tr> <th> 성별</th> <td align = "center"> <input type = "radio" name = "gender" id = "female" />여자 <input type = "radio" name = "gender" id = "male" />남자 </td> </tr> <tr> <td rowspan = "4" align = "center"> <img src = "../../images/240405_homework/film_horizontal/15.JPG" width = "320px" height = "216px"/> </td> <th> 알게된 경로</th> <td align = "center"> <input type = "checkbox" name = "path" id = "path1"/>SNS <input type = "checkbox" name = "path" id = "path2"/>포털사이트 검색 <input type = "checkbox" name = "path" id = "path3"/>지인 소개 <input type = "checkbox" name = "path" id = "path4"/>기타 </td> </tr> <tr> <th>선호하는 필름</th> <td align = "center"> <select name = "film" id ="film" size = "5" multiple> <option> 코닥 프로이미지100</option> <option> 코닥 골드200</option> <option> 코닥 울트라맥스400</option> <option> 코닥 포트라160</option> <option> 코닥 엑타100</option> <option> 후지 후지컬러200</option> <option> 후지 엑스트라400</option> <option> 후지 프로비아100F</option> <option> 씨네스틸800T</option> </td> </tr> <tr> <th>자기소개</th> <td align = "center"><textarea rows = "2" cols = "30" name = "content" id = "content"></textarea></td> </tr> <tr> <th>프로필 사진</th> <td align = "center"><input type = "file" name = "file" id = "file"/></td> </tr> <tr height = "80px"> <td colspan = "3" align = "center"> <button type = "submit">회원가입</button> <button type = "reset">다시입력</button> </td> </tr> </table> </form> </body> </html> | cs |
첫댓글 화면이 아주 세션되네요. 수고하셨어요