1. 목록 태그 (ul, ol) -기호로 나오는 목록의 그룹을 묶을 때 ul (unordered list) -숫자로 나오는 목록의 그룹을 묶을 때 ol (ordered list) -목록 하나하나는 li (list) MENU MENU MENU MENU MENU MENU MENU MENU ul 이나 ol은 크게 묶는다 !
li 는 목록 하나하나 ! 생각하시면 이해하기 편할 것 같아요 2.
중첩된 목록 태그 (ul li ul li) - 만든 ul li 에서 li마다 SUBMENU 가 있다면 ...??? 첫번째 li 가 닫히기 전에 ul li 작성해주시면 됩니다 : ) MENU SUBMENU SUBMENU SUBMENU...
![[html 4.] html 목록 태그 작성하기 (ul, ol, li, 중첩 ul 구조 파악하기)](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MTVfMTgz/MDAxNzEzMTgwNjgyNTQ4.VYuGe1fiJ7cbrrv6FVcK-xdXQUoLfAx5nyjI0-SKsUkg.sX7W6dV_mEKPJ6m_q6yO1D1zjtv9yOaLlfcbngGYdecg.JPEG/%B8%F1%B7%CF.jpg?type=w2)
#
html메뉴
#
html메뉴구조
#
html메뉴만들기
#
html목록구조짜기
#
html목록만들기
#
html목록태그
#
html중첩메뉴
#
html하이퍼링크목록
![[css 6.] 박스모델 - content, padding, border, margin](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MjBfNTkg/MDAxNzEzNTQyMDg5MDQ1.aOENkvcn3qtoG_BNGyL9C-dHrxUgLQLeWc8usukwH1wg.AbAfdsKeMal48g4Fak6_HFWT7VXBGSlY1tWcj821NoMg.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-016_%281%29.jpg?type=w2)
![[css 11.] transform 속성으로 이동, 회전, 확대, 기울이기 효과 (+다중사용)](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MjNfMTEw/MDAxNzEzODMxNjc3Mjk4.R70Svy0_XiZsJQPx5ep3tEZLytnK4Y6ligewY4e3a38g.Fa04tZJEZz-s7AYHdqNRwTF93BRwbV1oZFSuOstxcnUg.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-022.jpg?type=w2)
![[css 13.] flex 사용하여 레이아웃 배치하기 (부모-자식 속성 정리)](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MjZfMjc3/MDAxNzE0MDYyMDY5NjAx.CltmOANlUKlZqm9_-2LdKZLO6wj4bKewUWBWP7vjX68g.CxM6n7TEug-b1aNb0MRvPJpVheRUPnGW3UzrGoA825Ug.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-024.jpg?type=w2)
![[라이브러리] 애니메이션 효과 animate.css 적용하기 (사용법)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MDhfNDMg/MDAxNzE1MTU2NzAyMDE3.VOWYKAcI2jHY5SGbj3C6Y5NpbZ-aYql-n2B6ycqhMrcg.6-67wUybhU58MwC50pjBpsXA05K48MhZtROTRU4-pigg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4_-004.jpg?type=w2)
![[jQuery 4.] jquery 효과(effects)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MTVfMjY5/MDAxNzE1NzQyOTA1NTcw.Md9yVfjpLRdIzv2j5mcJSCHoks-U9dChDD5pCqh_iW8g.7SePsrTZarFCWCca5UEh5N9pWmppDJ82kRdNAlCdlewg.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-008.jpg?type=w2)
![[css 효과3.] scrollbar 스크롤바 색깔 변경, 커스텀](https://mblogthumb-phinf.pstatic.net/MjAyNDA2MTNfMTA3/MDAxNzE4MjY4NTA3Njcx.KSJ7gPcPqpr-OwJinavhxKq476CDi0HQgVL_-a1ZnFcg.WLKqaFy3vVEi9RNqKPYbTqPZ6OYRsCd42P60DVHAiIYg.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-029.jpg?type=w2)