본문 바로가기
  • 데이터야 놀자
IT잡학사전/Python HTML etc

HTML coding 코딩 표만들기 실습 - table, tr, td, th..(#6)

by 데이터랑 2023. 1. 7.
728x90

Html로 표를 표현해야 하는 경우가 아주 많습니다.

표를 테이블이라고 표현하는데

데이터를 정리하거나 비교자료를 만들때 매우 유용하죠.!

여기서는 table, tr, td 태그만 알면 패스 !

 

 

 

HTML 핵심 태그로 블로그를 고급지게... 나도 웹 퍼블리셔가 된다!

웹퍼블리셔 초등 중학 코딩교육

      1. HTML 문서 구조 head와 body 
      2. 문단관련 태그 body, br, p div ..
      3. 목록관련 태그 list, ul, ol, li ..
      4. 글자관련 태그 h1, h2, h3.. font, sup, sub, strike, cite, code, small, s ..
      5. 멀티미디어 삽입관련 태그 a, embed, object, img, map, area, applet ..
      6. 표관련 태그 table, tr, td, th..
      7. 프레임관련 태그 iframe
      8. 문서양식 태그 form, input, select textarea ..

 

 

표 table 관련 HTML 태그  table, tr, td, th..

"

태그 역할 실습 하기
<table></table>  표의 시작과 끝을 의미하는 태그width : 표 너비 border : 표 테두리 두께 cellpadding: 셀과 셀 내용 사이의 간격(셀 내부 두께) cellspacing: 셀과 셀 사이의 간격  table 실습 클릭
 <tr></tr>  표에서 행을 만듦(가로 분할)  tr 실습 클릭
<td></td>   표에서 열을 만듦(세로 분할)  td 실습 클릭
<th></th> ""td" 태그와 동일하나, 제목과 관련된 내용일때 사용  th 실습 클릭
 <caption></caption>   표 제목(캡션)표시  caption 실습 클릭

초등, 중학 html 코딩교육  프로젝트

728x90
728x90

댓글