html 학생 관리 프로그램 만들기

html 학생 관리 프로그램 만들기

오늘 만든 페이지

글자들이 너무 붙어있다, 해결방법을 아직 못 찾음

 

 

 

 

코딩내용작성

먼저 모든 태그에 div를 넣어주었다. div를 넣으면 css를 조금 더 수월하게 작업할 수 있기 때문

표에 칸이 9칸 이므로 tr을 9개 작성, 그 안에 td를 2개 작성

 

 

 

 

 

 

 

 

중복이 되지 않게 하려면 name을 무조건 넣기

input type에서 radio는 동그라미 체크박스

checkbox는 네모 체크박스

 

 

 

 

 

 

 

등록, 다시작성 버튼은 table을 나가서 작성

table안에 넣을시,  css에서 테두리를 만들다보면 border안에 같이 들어가기 때문

 

 

 

css 작성

 

justify-content: space-around 중요 별 5개

 

border-spacing 이게 먼지 모르겠다

border-collapse 이것도 아직 이해가 완벽하게 되지 않았다

 

 

 

 

 

 

 

첫시작에서 말했던 글자들이 서로 붙어있는 경우가 th, td:nth-child(1){text-alighn: right};

                                                                                  th, td:nth-child(2){text-alighn: left}; 

때문인 것 같다.

해결방안을 찾아봐야겠음

 

js는 내일 작성

 

2022-6-14