[HTML] 표 만들기 실습

Gammi·2022년 9월 11일
0

HTML

목록 보기
3/5

💻 표 1

  • 배경색(skyblue, yellow, mazenta) 지정
  • 2행 1열, 3행 1열 중앙 정렬
  • rowspan, colspan 사용

<body>
 <table border="1"> <!--테이블 테두리 굵기 1로 설정-->
  <tr height="50" bgcolor="SKYBLUE">
  <!--1행 전체 높이 50픽셀로 지정, 배경색 변경-->
   <th width="50">번호</th>
   <th width="100">이름</th>
   <th width="70">국어</th>
   <th width="70">영어</th>
   <th width="70">수학</th>
   <th width="50">비고</th>
   <!--각 행 별로 열 높이 지정,
       1열 행 지정 시 나머지 행은 모두 따라감--></tr>
  <tr>
   <td bgcolor="YELLOW" align="center">1</td>
   <!--가운데 정렬-->
   <td >홍길동</td>
   <td>80</td>
   <td>70</td>
   <td>100</td>
   <td rowspan="2">없음</td>
  </tr>
  <tr>
   <td bgcolor="YELLOW" align="center">2</td>
   <td >이순신</td>
   <td>80</td>
   <td>70</td>
   <td>100</td>
  </tr>
  <tr bgcolor="MAGENTA">
   <td colspan="6" align="center">총원 : 2명</td>
  </tr>
 </table>
</body>





profile
개발자가 되었어요⭐️

0개의 댓글

관련 채용 정보

Powered by GraphCDN, the GraphQL CDN