이전글 보러가기 웹디자인기능사 실기 1탄 ) 초기설정 - 파일연결, 포토샵 웹디자인기능사 실기 2탄 ) 와이어프레임 구조짜기 웹디자인기능사 실기 3탄 ) header 총정리 웹디자인기능사 실기 4탄 ) slide 총정리 웹디자인기능사 실기시험 유형별 정리 - content (tab) tab이냐 아니냐! content 부분은 크게 공지사항, 갤러리, 바로가기, 배너 부분인데, 가로로 나란히 배치하냐 새로로 배치하냐 등의 구조라 다른 부분은 쉽게 할 수 있지만 tab 영역은 조금 복잡할 것 같아서 정리하겠음 !
tab 으로 나오냐, 별도로 구성되냐로 나눌 수있는데, tab으로 나오는 부분을 살펴봅시다 ! html tab 구조 tab > ul.tabmenu > li > div.tabitem > ul.notice > li > ul.gallery > li
-- 탭메뉴 -->
![[웹디자인기능사] 실기 유형별 정리 - content (tab)](https://mblogthumb-phinf.pstatic.net/MjAyNDA3MTlfMTkx/MDAxNzIxMzYzMzU5MTEx.XdvGVaUkTuFbI4p2mMlEcwoc0wR__t8fjuYd32qTq6Ug.2fv8xLLH7rOgm-ARnZsTRrB8HqbQH205Kppwxs5ZQFkg.JPEG/%BD%E6%B3%D7%C0%CF-008_%281%29.jpg?type=w2)
#
웹디기능사실기
#
웹디자인기능사유형정리
#
웹디자인기능사실기정리
#
웹디자인기능사실기시험
#
웹디자인기능사실기소스
#
웹디자인기능사실기
#
웹디자인기능사시험유형별정리
#
웹디자인기능사tabmenu
#
웹디자인기능사tab
#
웹디자인기능사content
#
웹디자인기능사
#
웹디자인기능사탭메뉴
![[공유] notion 으로 10분만에 포트폴리오 사이트 제작하기 (+단축키)](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MTBfMTgz/MDAxNzEyNjc3NzM1MDE4.vA0_InQlDJeni-nGubGS7FANRfLvgyNFZyjwue6fILcg.Xc00TChWowWOBwMbn6S6HI0nd4bN19fBiUNGA2rFbU8g.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-003.jpg?type=w2)
![[웹디자인기능사] 필기 & 실기시험 단기 합격 후기](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MDhfMTg0/MDAxNzEyNTY2NTcxNzY2.MQ9S9iaqlgyCeOOShe9gl9RY8IPUQQHS0gIUc0DnMR0g.hmpomvorowGR8MitY9GkEi778E-cq0rQdH3bynDKRbQg.JPEG/%C0%A5%B5%F0%C0%DA%C0%CE.jpg?type=w2)
![[jQuery 1.] jquery 라이브러리 사용방법 (html에 적용하여 확인하기)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MTBfMTY1/MDAxNzE1MzUzMDgyOTQy.VnOsqds4lpz3PN19ecSVVaSNzb-mNkMaoONdZZLrOo4g.jgOxPPw6S-ZOfQ5exqFbm752WVQ6eXdVhVCacizT9aAg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-005.jpg?type=w2)
![[라이브러리] mixitup 사용하여 정렬하기 (효과)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MzFfOTQg/MDAxNzE3MTQ0NjY4Mzc1.i_l-nobn75dgAxr3hqLD8aLZuQUYQxP33yrNAfmZABAg.ftVcmZGDBied7MZQLMef3v7N5bVqY-QdHdp0ksXTCVYg.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4_-007.jpg?type=w2)
![[javascript 5.] 자바스크립트 자료형 변환](https://mblogthumb-phinf.pstatic.net/MjAyNDA2MTFfMjc1/MDAxNzE4MDM3MTQ1MDM4.MDwBX11gv_UWbQix0-Bkma_QvV_c4LX-gNN8_JpCBOog.9c4gghmhb2ciUITcG3mFDmbSZDNaJbYnAlBvqhqhUV4g.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-005.jpg?type=w2)