반응형

프로그래밍 언어/HTML 2

<HTML> <a>태그를 활용한 위키식 목차(링크)를 적용하기

1. 티스토리 편집기능 활용하기 2. HTML의 태그 활용하기 1) 태그 작성 2) 이동할 문장의 식별자 'id' 작성 3) 태그에 이동할 문장을 알려줄 href 작성 티스토리의 HTML 편집기능을 활용하여 아래의 위키백과와 같이 목차를 선택하면 문서 내의 해당부분으로 이동할 수 있는 기능을 추가하는 방법에 대해서 알아보겠습니다. 이러한 기능은 HTML의 수 많은 태그 중 태그를 활용하여 구현할 수 있습니다. 태그를 활용하기 위해서는 html편집기능을 사용할 수 있어야 합니다. 1. 티스토리 편집기능 활용하기 티스토리는 다행히 자체적으로 HTML을 편집할 수 있는 기능을 제공하고 있습니다. 우측 상단에 기본모드와 화살표가 있는 부분을 클릭하시면 [기본모드] [마크다운] [HTML] 모드들을 선택할 수 있..

Visual Studio Code에서 HTML ,JS 바로 보기

Visual Studio Code에서 HTML,JS 코드를 작성하고 바로 웹브라우저에서 확인을 하고싶다면 'LIVE SERVER' 플러그인을 깔아야 합니다. Live Server는 다시 구동할 필요없이 한번 웹 브라우저를 열어두고 코드를 저장하면 즉각적으로 웹브라우저 내에서 저장내용에 따라 내용을 반영합니다. 1. 마켓 플레이스에서 live server를 검색합니다. 2. Live Server를 받아주면 됩니다. 3. 설치는 끝났습니다. 실행하려면 작성한 html 파일로 이동하셔서 오른쪽 마우스를 클릭하셔서 'open with live server'를 클릭하시면 됩니다.

반응형