본문 바로가기

WEB/HTML CSS JS

32. 책 후기 드디어 Do it! HTML5 + CSS3 책을 다 봤다.

반응형

20. bootstrap5 공부해서 웹페이지 만들기3(구구단표)

 

20. bootstrap5 공부해서 웹페이지 만들기3(구구단표)

5. Table 기존 테이블 태그 table, thead, tr, th, tbody, tr, td를 사용 table : table 태그에 사용하는 클래스 속성 table-striped : 줄무늬 table-bordered : 테두리 table-hover : 마우스를 올리면 백그라운드 색이 변함 tab

mahongro1101.tistory.com

 

위 글을 쓰다가 기초가 부족한게 느껴져 예전에 사두었던 Do it! HTML5 + CSS3 책을 펼쳤다.

글쓴 날짜가 11월 28일이니 2주만에 다 본 셈이다.

 

17년도에 나온 책으로 공부하는 거지만 github 예제파일도 그대로라 공부하는데 어려움은 없었다.

 

Do it! HTML5 + CSS3 7쇄, 8쇄 예제

 

GitHub - kyrieko/html5-book-7: [최신 개정판, Do it! HTML5+CSS3 웹 표준의 정석] 7쇄, 8쇄 실습 파일입니다.

[최신 개정판, Do it! HTML5+CSS3 웹 표준의 정석] 7쇄, 8쇄 실습 파일입니다. - GitHub - kyrieko/html5-book-7: [최신 개정판, Do it! HTML5+CSS3 웹 표준의 정석] 7쇄, 8쇄 실습 파일입니다.

github.com

위 사이트에서 밑으로 쭉 내리면 구판부터 최신판까지 예제 링크를 찾아볼 수 있다.

 

지금보니 나는 4쇄인데 예제파일은 7쇄를 보고 했었다.

 

후기

이 책은 HTML5 태그부터 시작해서 CSS3 스타일까지 덧붙여 반응형 웹 사이트까지 체험해볼 수 있었다. 

나는 예전에 이 책을 한두번 읽어보긴 했지만, 이번 code에 예제들까지 다 적어가며 푼 건 처음이다.

눈으로만 읽었을 때와 지금과 자신감에서 엄청난 차이가 있는 것 같다.

예전엔 여러번 읽어도 웹을 만들려 손을 대면 막막함만 있었는데,

이번에는 어느 정도 기억이 떠오르면서 뭘 써야할 지 정도는 알게되었다.

원래 같으면 책을 한번 더 복습해야 하지만, 지금은 bootstrap5로 실습을 하고 싶다.

아직 제대로 bootstrap5를 안해봤지만 혹시 자바스크립트가 필요하다면

Do it! 자바스크립트 + 제이쿼리 입문을 공부할 생각이다.

 

이렇게 공부한 것도 며칠 안하면 다 까먹을텐데 이번에는 계속 이어나갈 수 있게 노력해야겠다.

 

마지막으로 이책 반응형 웹 실습예제

재밌게 잘 공부했습니다. 

반응형