포트폴리오에서 네비게이션 메뉴를 구현하려고 하는데요..!
340
작성한 질문수 3
선생님 안녕하세요!
다름이 아니라 포트폴리오에서
네비 부분에서 메뉴에서 메뉴로 이동시(home, about, work,,)에 이번 수업에서 배운 텝메뉴를 응용해서 하려고 이런식으로 마크업을 하다가
<ul>
<li>home</li>
<li>work</li>
<li>contact</li>
</ul>문득 생각해보니 생활코딩에서 페이지간 이동을 할 때 이런식으로 a태그로 마크업 하고 또 다른 html 파일을 만들어서 이동 했었던게 생각이 나서
<ul>
<li><a href="home.html">home</a></li>
<li><a href="work.html">work</a></li>
<li><a>home</a></li>
</ul>메뉴와 메뉴 사이에 이동을 할때는 어떻게 해야하는지 약간 혼란이 오네요.. 어떻게 하면 좋을지 여쭤보고 싶습니다..
답변주시면 감사하겠습니다..!
답변 1
0
<ul>
<li><a href="home.html">home</a></li>
<li><a href="work.html">work</a></li>
<li><a>home</a></li>
</ul>위의 방식은 페이지 내에서 이동이 아니라 외부 페이지로 이동됩니다.
페이지 내부에서 이동하는 방법은 제가 알고 있는 바로는...
a태그 href="#이름1"
페이지 내부에 특정 요소에 id="이름1"
이렇게 매칭을 시켜주셔야 합니다.
다른 페이지의 특정부분으로 바로가게 만들 경우는
a태그 href="work.html#이름1"
work.html 페이지 내부에 특정 요소에 id="이름1"
이렇게 매칭시켜주시면 work.html로 이동하면서 해당 페이지 내에 특정 부분으로 이동합니다.
탭 메뉴 만들기 예제인데 질문하신 내용에 맞는 답변인지는 모르겠네요.
혹시 다른 질문이었다면 좀 더 구체적으로 다시 질문 주세요.
class 값 한 번에 부여하는법
2
95
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
79
1
div#css-checker-widget의 해결방
1
71
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
94
2
강의듣는법
1
86
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
75
2
input checked 질문합니다.
0
81
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
152
2
Part 1 영상 안나옵니다
1
97
1
제이쿼리 작동이 안됩니다
1
211
3
강의 내용 질문있습니다.
1
128
2
일정 부분만 주석하는 방법
1
223
2
폰트어썸
1
144
2
인접선택자에 대한 질문드립니다!
1
135
2
delay 적용 안됨
1
137
1
rotateY(360deg)가 적용이 안됩니다!
1
190
2
세로이동할때 height값
1
142
2
폰트어썸이 안되요..
1
504
2
화면 정중앙에 오게끔 할수있나요?
1
175
1
어코디언 네비게이션 중
1
127
1
라이브서버 문제
1
241
2
넷플릭스 어코디언 예제 질문
1
107
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
163
1
active 관련 질문
1
150
2