html nav영역 만들기
지난 시간에는 html 헤더영역 상단 왼쪽에 로고를 직접 넣어보았습니다. 그럼 이번시간에는 오른헤더영역 오른쪽 넓은 부분에 nav 영역을 넣어보도록 하겠습니다. 약 3번에 걸쳐 nav 영역의 자바스크립트 효과를 줘서 스르륵 떨어지게 만들어보겠습니다. 우리가 만들고자 하는 nav 영역입니다. 당연히 navigation의 약자로써 탐색 기능 정도로 생각해주시면 되겠습니다. 저는 홈페이지의 얼굴인 여행가이드 소개와 국내여행지 5꼭지와 해외여행지 5꼭지를 넣어보도록 하겠습니다. 물론 하부메뉴는 다음시간에 진행할 예정입니다. 우선 css 영역에서 우리가 지난시간 공부했던 logo 클래스 바로 아래에 nav 클래스를 만들었습니다. 오른쪽에 위치해야하기에 float는 right , margin-top은 위에서 30p..
HTML
2019. 3. 8. 17:02