나무위키st 목록표 만들어보기

나무위키에 들어가면 보기쉽게 작성된 목록표를 구현해보고자 도전 ..!

(아직 HTML만 배운 상태로 하는 거라 CSS나 JS은 적용하지 않은 상태다.  큰 틀만 짜여있는 결과물이라고 생각하면 된다.)

---

나무위키 목록 예시

 

​

 

​

/ <ol>과 <li>의 구분과 경계를 명확히 하는게 조금 헷갈렸지만,

세로열로 그어진 일직선을 따라.... </ol>, </li> 짝(?) 잘 찾아주기.

/ a 태그를 통해 연결 될 실제 나무위키 링크도 넣어보았다 .​

결과물

 

ㄴ그렇게 완성한 html 뼈대의 모습이다.

 

​

ㄴ 이렇게 해당 글자를 클릭하면 바로 해당 페이지 링크로 연결된다.

​

​

실제 나무위키 해당 목록으로 링크 연결 된 모습

 

+css랑 JS 배워서 다시 완벽하게 구현하러 와야지. ^^