본문 바로가기 메뉴 바로가기

유코더의 컴퓨터이야기

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

유코더의 컴퓨터이야기

검색하기 폼
  • 분류 전체보기 (53)
    • HTML (7)
    • 포토샵 (2)
    • 일러스트 (3)
    • 넷플릭스 (5)
    • 이모저모 (34)
  • 방명록

HTML (7)
html nav영역 만들기

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

HTML 2019. 3. 8. 17:02
이전 1 2 3 4 ··· 7 다음
이전 다음

Blog is powered by Tistory / Designed by Tistory

티스토리툴바