-
HTML 실습 - 지원 양식 만들기HTML&CSS/실습 2023. 1. 22. 13:17
나의풀이
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>연습문제 2</title> <style> table, th { border: solid 1px black; } td{ border:solid 1px black; width:200px; } </style> </head> <body> <div id="container"> <h2>수습 국원 지원 양식</h2> <table> <tr> <th rowspan="3">개인정보</th> <th>이름</th> <td></td> </tr> <tr> <th>학과/학번</th> <td></td> </tr> <tr> <th>연락처</th> <td></td> </tr> <tr> <th>지원분야</th> <th colspan="2"></th> </tr> </table> </div> </body> </html>해설풀이
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>연습문제 2</title> <style> table, td, th { border:1px solid #ccc; } td, th { padding:10px 20px; } td:last-child{ width:200px; } </style> </head> <body> <h1>수습 국원 지원 양식</h1> <table> <tr> <th rowspan="3">개인정보</th> <th>이름</th> <td></td> </tr> <tr> <th>학과/학번</th> <td></td> </tr> <tr> <th>연락처</th> <td></td> </tr> <tr> <th>지원 분야</th> <td colspan="2"></td> </tr> </table> </body> </html>'HTML&CSS > 실습' 카테고리의 다른 글
실습 - 이미지 클릭 하면은 이미지 주소 표시하기 (0) 2023.01.30 실습 - 이미지 클리하면 알림창 나타내기 (0) 2023.01.28 HTML 실습 - 모집 poster만들기 (0) 2023.01.22 HTML 실습 - 이미지삽입 (0) 2023.01.22 CSS 실습 - 탐라국 입춘굿 (0) 2023.01.20
