div 태그 와 table 태그 연습 - 이력서 form 작성

1. 했던 방식

- table 3개로 작성

table1 : 사진이 포함된 행

table2 : 주소 행 ~ 가족 관계 행

table3 : 년 원 일, 학력및경력사항 ,기관및장소 ~ 맨 밑

 

2. 알게된 것

- 

-(style태그 안의 속성)letter-spacing: 10px;

띄어쓰기 표현

 

 

-(style태그 안의 속성)font-weight:bold; 

글자 굵게

 

- table 3개 작성한 것들의 width 맞추고 싶을 때 

1) 정확하게 전체 모든 칸들의 width 처음부터 알고 숫자로 정확히 입력

2) 모를 때는 전체를 div태그로 감싸고 div태그에 width를 줘서 div태그 안의 table들의 width가 한계를 넘지 못하도록 함

 

 

3. 기억해야 하는 것

- 큰 칸을 기준으로 width 조절하면 안됨 , 잘게 나누어진 칸을 기준으로 width 조절해서 큰 칸이 저절로 커지게 해야함

ex) 이력서 칸을 키우고 싶을 때 : 이력서 칸 width 조절해도 변화 없음 , 성명, 인, 생년월일, 년 월 일 생 (만 세) 칸 들의 width 조절해야 이력서 칸이 저절로 맞춰서 커짐