겉바속촉

이번 시간에는 아예 css파일을 따로 생성해준 후에html파일을 만들어보도록 할게요:) table을 또 만들려고 하는데요그 전에 table style에 대한 css를 따로 해주는 거죠!! 1. 다음과 같이 우클릭 - new - other 2. css를 타이핑 -> next -> 이름 생성 3. 다음과 같은 화면이 뜨면 ok 4. css파일 코드 작성해주기@charset "EUC-KR"; table { border: 2px solid gray; width: 500px; } tr, th, td{ border: 1px dotted gray; font-size: 10pt; } 5. html파일 생성해준 후에 table안에 들어갈 코드 작성 다음과 같이 작성해주시고~ 중간고사 성적 JAVA JSP Spring 8..

지난 번 포스팅에서 html로 tabel 생성하는 방법에 대해서 익혔는데요:)2020/06/16 - [취업일기/블록체인] - [html] table 생성하기[html] table 생성하기이번에는 table을 만들어보려고 하는데요:) 우선 개념을 짚고 가보도록 할게요!! tr -> 각각의 한 행을 의미 (table row) td -> 하나의 칸을 의미 (table data) th -> 제목에 많이 사용 (table header) / 굵게, 가..2-juhyun-2.tistory.com 항상 저런 모양의 테이블만 존재하지 않기 때문에우리는 경우에 따라서 행을 합치거나 열을 합쳐주어야 합니다 그래서 이제 행과 열을 합쳐보려고 합니다짚고 넘어갈 개념은 바로rowspan -> 행 병합 = 행들을 합쳐버리기cols..

이번에는 table을 만들어보려고 하는데요:) 우선 개념을 짚고 가보도록 할게요!! tr -> 각각의 한 행을 의미 (table row) td -> 하나의 칸을 의미 (table data) th -> 제목에 많이 사용 (table header) / 굵게, 가운데 정렬 table 디자인은 css를 사용해주려고합니다. table {border: 2px solid gray;} tr, td, th {border: 1px dotted purple;} 라고 작성했습니다 그리고 이제 table안에 들어갈 내용들을 작성해주시면 되는데요 행1 -> 행2 -> 행3 요런 순서로 데이터들이 들어간다고 생각해시면 됩니다:) 위의 그림이 이해가 가셨다면 다음과 같이 작성해보도록 할게요:) 이름 나이 학과 주소 보라돌이 10 체..