티스토리에서 HTML의 적용

오늘은 티스토리 운영 시 알아두면 좋은 간단한 HTML 태그들에 대해 알아보도록 하겠다.



헤드라인 태그

* 제목, 부제목, 소제목 등에 사용되는 태그로, google SEO와도 깊은 연관이 있다. 가장 만만한 건 h2~h3 태그이다. 확인용으로 알고 있자.

<h1> 제목 </h1> 

<h2> 부제목 </h2> 

<h3> 소제목 </h3> 

<h6> 기타 </h6> 


대표적인 독립태그

*직접 쓸 일은 거의 없지만 글을 쓰고 HTML을 확인하는 사람이라면 숨 쉬듯 자주 볼 수 있는 태그라 헷갈림 방지용으로 적어 둔다.

<br> - enter+shift 줄내림

<p> - enter



목록 작성하기

*블로그 내 기본 플러그인을 통해 간편하게 작성할 수 있기 때문에, 쓸 일은 거의 없다. 

번호가 없는 목록

<ul> 
<li>토끼</li>
<li>사자</li>
</ul>

번호가 있는 목록(orderd)

<ol>
<li>물을 끓인다.</li>
<li>스프를 넣는다.</li>
<li>면을 넣는다.</li>
</ol>


정의 태그(definition list), 항목과 설명

<dl>
<dt>토끼</dt>
<dd>귀가 큽니다.</dd>
<dd>꼬리가 짧습니다.</dd>
<dl>


앵커-하이퍼 링크

*이 역시 플러그인으로 있다. '새 탭에서 열린다.'와 '기존 탭에서 열린다.'의 차이만 감각적으로 알아두도록 하자. 
새 탭에서 열림 : <a href="위치" target="_blank">링크 적용되는 단어</a>
기존 탭에서 열림 : <a href="위치" target="_self">링크 적용되는 단어</a>

댓글 쓰기

0 댓글