테스트 사이트 - 개발 중인 베타 버전입니다
SIR

Navigation Bars

컴프
프로필 보기이 회원 글보기
 · 8년 전 · 1598

Navigation Bars

  

 

사용하기 쉬운 탐색 기능은 모든 웹 사이트에서 중요합니다.

 

CSS를 사용하면 지루한 HTML 메뉴를 멋진 탐색 모음으로 변형 할 수 있습니다.

 

탐색 모음 = 링크 목록

탐색 모음에는 표준 HTML이 기본으로 필요합니다.

 

 

 

이 예제에서는 표준 HTML 목록에서 탐색 모음을 작성합니다.

 

탐색 바는 기본적으로 링크 목록이므로 <ul> 및 <li> 요소를 사용하면 완벽하게 이해할 수 있습니다.

 

예

<ul>

  <li><a href="default.asp">Home</a></li>

  <li><a href="news.asp">News</a></li>

  <li><a href="contact.asp">Contact</a></li>

  <li><a href="about.asp">About</a></li>

</ul>

 

 

<!DOCTYPE html>

<html>

<body>

 

<ul>

  <li><a href="#home">Home</a></li>

  <li><a href="#news">News</a></li>

  <li><a href="#contact">Contact</a></li>

  <li><a href="#about">About</a></li>

</ul>

 

<p>Note: We use href="#" for test links. In a real web site this would be URLs.</p>

 

</body>

</html>



Note: We use href="#" for test links. In a real web site this would be URLs.

목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
3133
CSS 수직 탐색 막대 예제
3132
CSS Vertical Navigation Bar 1
3131
CSS Navigation Bars 현재글
3130
CSS [CSS] Float : left, right, inherit, none.
3129
CSS CSS 투명한 호버 효과 2
3128
CSS CSS 투명한 호버 효과
3127
CSS CSS 불투명도 / 투명성
3121
HTML 레이아웃용 테이블에<th>나scope이 사용될 경우에는 오류임.
3120
HTML IE9 이전 버전에서 Canvas 사용가능하도록 하는 js 라이브러리 2
3112
CSS CSS 결합 자 - 인접한 형제 선택기
3111
CSS CSS 결합 자 - 하위 선택자
3110
CSS CSS 결합 자 - 하위 선택기
3109
CSS CSS 레이아웃 - 이미지 센터하기
3108
CSS CSS 레이아웃 - 가운데 맞춤 텍스트
3107
CSS CSS 레이아웃 - 가운데 정렬 요소
3105
CSS float : The clearfix Hack(clearfix 해킹)
3104
CSS float : ​The clear Property(clear 속성)
3103
CSS CSS 레이아웃 - 플로팅 및 삭제
3101
CSS CSS Overflow auto
3100
CSS CSS Overflow Hidden
3099
CSS CSS Overflow Visible
3098
CSS css position Overlapping Elements(겹치는 요소들)
3097
CSS css position: absolute;
3096
CSS css position: fixed;
3094
CSS CSS 레이아웃 - position: relative; 속성 1
3093
CSS CSS 레이아웃 - position static 속성
3092
CSS 너비, 최대 너비 및 여백 사용 : auto; 사용
3090
CSS display:block
3089
CSS Display: none;
3088
CSS display 속성
이전 다음
전체 목록