블로거 글 쓸 때 참조할 HTML 태그

이 글을 수정, 핵심만 뽑아 새 글을 작성함. → 이동


글상자 만들기
<div class="txc-textbox" style="border: 1px solid gray; background-color: ghostwhite; margin-top: 2px; margin-bottom: 2px; padding: 8px;">글상자</div>

글상자

글상자

테이블로 좌우 나누어 자료 넣기
<div style="text-align: center;">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="txc-table" style="border-collapse: collapse; border: none;"><tbody>
<tr><td style="border: 1px;">가나</td> <td style="border: 1px;">다라</td></tr>
</tbody></table>
</div>

가,나,다,라 뒤에 <a href="이미지주소" target="_blank"><img border="0" src="이미지주소" width="300" /></a>

가 캡션 나

다 캡션 라

여러 이미지 한 행에 넣기
<div class="align" style="clear: both; text-align: center;"><img border="0" src="http://....jpg" width="250" /><img border="0" src="http://....jpg" /></div>

이미지를 왼쪽으로 붙일 때 왼쪽 공백 없애기 / 오른쪽에 글 붙지 않게 만들기
<div class=>에서 text-align: left; 및 <a style=>에서 margin-bottom: 1em; margin-right: 1em; 삭제하면 왼쪽 공백 없어짐
<a style=>에서 float: left; 삭제하면 오른쪽에 글 붙지 않음

캡션
<div class="caption" style="clear: both; text-align: center; font-size: 13px;">캡션</div> 또는
<td class="tr-caption" style="font-size: 13px; text-align: center;">캡션</td>

들꽃

링크 새 탭에서 열기
<a href="http://..." target="_blank"></a>

동영상 삽입할 때 중앙으로 정렬하기
<div class="separator" style="clear: both; text-align: center;">
<iframe ...></iframe></div>