표 만들기

# 표 만들기 ## 미션 아래 이미지를 참고하여, 추천 영화 페이지를 만드시오. ![클라우드스터딩-HTML-실습-table-thead-tbody-tr-th-td](https://i.imgur.com/7MlmlcT.png) ## 개념 #### ⭐️ table 머리와 몸통 테이블은 머리와 몸통으로 나뉜다. 머리는 메타 데이터(대표 정보)를 담고, 몸통엔 실제 데이터가 들어간다. ``` <table> <thead></thead> <tbody></tbody> </table> ``` #### ⭐️ 테이블의 행과 데이터 테이블의 각 행은 tr 태그로 이루어 지는데, 행별로 여러 데이터를 담게된다. ``` <tr> <td>...</td> <td>...</td> </tr> ``` ## 구글링 힌트 - "HTML 테이블 thead tbody tr th td"

by sehongpark

코드: java 1.8

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>표 만들기 연습!</title> </head> <body> <h1>인생 영화..!</h1> <p>인생 짧고, 영화는 많다..! 홍팍이의 인생 영화를 소개해볼까 한다..!</p> <img src="https://t.ly/hODl" width="100%" /> <img src="https://t.ly/8MIk" width="50%" /> <img src="https://t.ly/dYzp" width="49%" />  <table border="1">  <thead> <tr> <th>제목</th> <th>평점</th> <th>장르</th> <th>내용</th> </tr> </thead>  <tbody> <tr> <td>굿 윌 헌팅</td> <td>4.94</td> <td>성장</td> <td>한 청년의 성장 스토리.</td> </tr> <tr> <td>쇼생크 탈출</td> <td>4.88</td> <td>드라마</td> <td>억울하게 감오게 갇힌 남자. 하지만, 끝까지 포기치 않는다..</td> </tr> <tr> <td>아이엠 샘</td> <td>4.86</td> <td>가족</td> <td>가족과 사랑. 이성과 감성. 진정 아이에게 필요한 것..?!</td> </tr> </tbody> </table> </body> </html>

입력

정답이 궁금하다면? 코드를 제출해보세요!