ul
-
카카오톡 클론 코딩 #5 Navigation Bar이거 공부 했더니 어때?/HTML & CSS & JS 2020. 11. 11. 01:55
이번시간에는 하단에 위치한 (3) navigation bar, 네비게이션 바를 만들어 보도록 하겠습니다. 먼저, navigation을 줄인 nav라는 클래스명을 가진 nav태그를 입력해 주겠습니다. 5개의 버튼은 리스트로, link태그를 이용하기 위해서는, ul을 먼저 만들어 주어야 합니다. li.nav__list-item*5>a.nav__list-link 입력 후, li태그 안에 a태그를 이용하면, nav__list-item이라는 클래스명을 가진 li태그와, 그 안에 nav__list-link라는 클래스명을 가진 a태그를 만들 수 있습니다. 하이퍼링크에 ./friends.html을 입력하여, 친구창으로 이동할 수 있도록 해 주겠습니다. 차례대로 채팅창, 검색창, 게임창, (game.html을 추가해 주..