웹사이트나 블로그에 에세이처럼 긴 글을 쓰다보면, 주석(footnotes)을 달아야 할 때가 있다. 주석에는 보통 본문의 흐름과는 직접적으로 연결되진 않지만 내가 쓴 문장에서 구체화 할 필요가 있는 내용이나 덧붙이고 싶은 내용을 추가한다.
주석을 추가하기 위해서는 우선, 글에서 주석 태그가 붙을 문장 마지막 부분에 아래 html 코드를 넣는다.
<a href="#section1">[1]</a>
아래 그림처럼 문장 끝에 볼드체로 주석 태그를 달기 위한 코드이다 (볼드체로 하고 싶으면 [1] 바로 앞, 뒤에 , 만 추가하면 된다).
그 다음 아래 html 코드를 활용해서 "[1] A bit more info about section one" 부분에 주석 내용을 적고, 주석 문장이 위치할 부분에 붙여넣기 하면 된다.
<p id="section1">[1] A bit more info about section one</p>
끝! 아래 그림처럼 주석이 예쁘게 붙은 것을 볼 수 있다. 나는 주석이라는걸 알아보기 쉽게 색상도 회색으로 바꾸고, 글씨 크기도 약간 줄였다.