Navigation Bars

컴프

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 1604 1604

Navigation Bars

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

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

탐색 모음 = 링크 목록

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

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

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

예

<ul>

<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="#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.

댓글 작성

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

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
1217	반응형	CSS 그리드 시스템 가이드 사이트 [6]	XIES 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	3098
1216	웹접근성	HTML5 의 의외성 [2탄] 표, 그리고 리스트 [2]	XIES 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2492
1215	CSS	div 내의 수직 수평 중앙 정렬 [19]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	4901
1214	기타	카페24 웹 호스팅에서 github 이용하는 방법 [20]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	8358
1213	CSS	CSS 그리드 관련 사이트 [9]	ango 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	3252
1212	웹접근성	HTML5 의 의외성 [1탄] 시멘틱 [8]	XIES 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	3637
1211	CSS	포토샵 드랍섀도우를 CSS방식으로 변환 [13]	Policia 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	4115
1210	기타	BBC "코로나19가 바꿀 사무실의 미래" -1분코딩 - 무료 강좌 [8]	하누☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	3341
1209	CSS	마진병합 현상 [6]	하누☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	3588
1208	기타	애플 스타일 스크롤링 [3]	하누☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	3146
1207	기타	제이쿼리 버전 [1]	하누☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2887
1206	CSS	제가 사용하고 있는 scss library 파일 입니다.	moviepd 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	3717
1205	HTML	table 코딩 빨리 해주는 사이트 [3]	moviepd 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	4381
1204	기타	div+button으로 구현하는 select box [9]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	7831
1203	웹접근성	스킵 네비게이션 기능 ie에서 초점 튕김현상	하누☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3009
1202	기타	Scroll-Then-Fix Content	마르코☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2983
1201	기타	무료 HTML 및 CSS 책 [6]	마르코☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4323
1200	기타	“Barba.js [1]	마르코☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4118
1199	기타	vuejs 폼입력 바인딩 #3	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4131
1198	기타	vuejs 폼입력 바인딩 #2	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2609
1197	기타	vuejs 폼 입력 바인딩	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2681
1196	기타	vue.js 인라인 메소드 핸들러	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2465
1195	기타	vue.js 이벤트 핸들링	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2456
1194	기타	vue.js v-for와 컴포넌트	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3045
1193	기타	vue.js Range v-for 와 v-for 템플릿	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	9232
1192	기타	Vue.js 필터링/ 정렬 된 결과 표시하기	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3882
1191	기타	Vue.js 배열변경감지	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	6221
1190	기타	vue.js v-for와 객체구문	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2439
1189	기타	Vue.js 리스트 렌더링	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2344
1188	기타	Vue.js #v-show	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	1822