youtube.com

스크립트없이 작동되는 탭메뉴 쉽게 만들기 2탄!! (코딩강좌)-[HTML+CSS{코남}]

안녕하세요 HTML과 CSS로 비쥬얼 아트 코딩을 지향하며 코딩하는 남자 코남입니다.

이번 코딩강좌는 스크립트가 사용되지 않은 탭 메뉴를 HTML과 CSS 코딩만으로 구현하는 방법에 대한 두번째강좌입니다.
- 첫번째강좌 (https://www.youtube.com/watch?v=qZzM6tsrADc)

input과 label을 id값으로 연결해서 사용하는 방법과 input을 체크하면 지정된 클래스로인해 컨텐츠 영역이 보일 수 있게 CSS에서 선택자와 클래스에 스타일을 주는 방법을 소개하고 있습니다.

~선택자와 checked 속성을 활용해서 탭메뉴를 만들 수 있습니다.
- 선택자 강좌(https://www.youtube.com/watch?v=15P163Q724I)

강좌는 꼭 이렇게 만들어야한다가 아니고 어떤식으로 작동하는 방법에 대해 알려드리기 위해 제작되었습니다. 선택자와 스타일을 주는 방법을 알면 더 다양한 레이아웃을 만들 수 있으니 강좌 영상을 보고 도움이 되시길 바랍니다.

자세한 설명을 영상을 참조해 주시고요
영상에서 제작된 html파일은 블로그에서
다운받아서 직접 코드를 확인하실 수 있습니다.
-
background music : https://www.bensound.com
-
본 강좌가 도움이 되셨다면
좋아요와 구독하기 부탁드립니다.
문의사항은 이메일로 보내주셔도 됩니다.
-
B/블로그 : https://blog.naver.com/co-nam/221452676933
E/이메일 : co-nam@naver.com

Green