2일차 입사지원서 양식 만들어보기,영화 포스터 만들어보기

처음에 느낌표로 시작후 테이블세팅 전체큰틀 먼저 설정해주고 열 스타일 (col style은 테이블 가로의 폭을 설정해주는 값이다) 

*border collapse라는 속성은 떨어져 있는 선을 겹쳐준다.

이 세팅이 완료된 후에

tr안에 th 한세트로 만들어주면 한 행이 완성이된다.

위 사진의 입사지원서 같은 경우 세로로 행2칸 크기를 가지고 있으니 th에서 rowspan="2"을 추가해줘서 행2칸짜리를 만들어줄수 있다.

 

중간 실습의 스텝은

1.영화 제목 쓰고

2.영화의 감독

3.평점

4.줄거리

5.영화 포스터

 

처음에는 뭘 어떻게 시작하지?? 하고 감을 못잡았는데 강사님이 포스터 작성 스텝과정을 보면 영화 제목이 제일 중요하니

h1 그다음은 덜중요하니 h2,h3,h4...이렇게 나간후 줄거리는 p입력해서 나가면 되고 이미지 포스터는 img입력후 인터넷 검색해봐서 개발자도구f12 연다음에 해당 사진만 클릭해서 주소 복사를 기입해주면 된다.

img src이어서 alt에 입력하는건 이미지가 안열렸을때 기입하는것이다.

 

 

추가로 북마크도 만들어보았다.

a href로 사이트 경로를 생성후 각 차트마다 id를 부여해주면 북마크 완성

  <!-- a택의 속성은 hrdf에 작성된 해당 경로로 이동시켜준다. -->