티스토리 본문 글자 크기 변경 (HTML 기초 익히기)
티스토리 블로그를 하다보면은 네이버 블로그와 다르게 불편한점이 있다. HTML 코드에 대해 이해도가 높으면 괜찮을것 같은데, 나처럼 HTML에 대하여 전혀 모르면 블로그를 이쁘게 꾸미기가 쉽지 않다. 또한 가독성 높은 글을 적기도 쉽지 않은데, 예를 들어 본문에서 글자 크기를 각각 다르게 적으려 하여도 관련 메뉴를 찾을수가 없다 (혹시 있으면 코멘트로 알려주시기 부탁드린다).
가독성이 높은 글을 작성해야 내 블로그에 방문하는 사람들도 글을 쉽고 편하게 읽을 수 있다. 또한 가독성 높은 글에 아무래도 광고 클릭률도 조금 더 올라 갈 것이다 : ) 여태까지 40여개의 게시글을 작성하며 항상 글을 이쁘게 올리지 못해 불만족이였는데, 티스토리 블로그에서 글자 크기를 어떻게 하면 각각 다르게 적을 수 있는지 검색해보았다.
먼저 나는 HTML 코드에 대해 전혀 모른다. 따라서 관련 정보가 없더라도 따라하기만 하면 글자 크기를 본문에서도 자유롭게 변경할 수 있을것이다. 먼저 하기와 같이 예시를 보자.
<예시>
이 글자는 크게,. 이 글자는 작게. 이 글자는 보통 크기로.
위에 예시처럼 글자 크기를 같은 본문에서 각각 다르게 변경이 가능하다. 이는 HTML 코드를 살짝 손봐야 하는데, 먼저 기본적인 사항만 이해하고 넘어가자.
1. 모든 HTML 코드는"<코드> 로 시작하여 </코드> 로 끝나는 것으로 이해하면 된다.
2. "P" 코드는 paragraph 의 약자로, 위,아래 줄바꿈을 할 때 사용된다.
3. "span" 코드는 특정 영역을 묶어주는 코드이다.
4. <span style="font-size: 200%;"> 해당 코드는 글자의 크기를 변경할 수 있는 코드다.
복사가 안되니 코드를 밑에 메모장 파일로 첨부함.
위 3가지 내용을 중심으로 글자크기를 변경하는 방법을 설명하려 한다. 먼저 그림처럼 기본모드를 클릭해보자.
기본모드, 마크다운, HTML 3가지 옵션이 나오는데, HTML 코드를 수정해야 하기 때문에 HTML 을 클릭하여 HTML 모드로 들어가자.
다음과 같이 HTML 코드가 포함된 화면이 나온다. 앞에서 설명한 것과 같이 <p> 코드로 시작하여 </p> 코드로 끝난다.
안녕하세요 글자를 200% 크기로 바꿔보자. "안녕하세요" 영역을 묶어주기 위하여 <span> 코드를 사용해야 하며, span 코드에 글자 크기를 지정해주는 <span style="font-size: 200%;"> 코드를 입력하자. span 코드의 종료를 뜻하는 </span> 코드를 넣어 마무리 해주면 된다.
글자 크기가 커졌는지 확인하기 위하여 HTML 모드에서 기본모드로 이동하자.
기본모드로 이동하면 글자크기가 커진것을 확인할 수 있다. : )
