웹에서 생활(?)하다 보면 html tag를 써야 할 때가 간혹 있다.

물론 html 태그들을 못 쓰게 막아 놓은 곳도 많지만, 아래와 같은 간단하면서도 유용한 태그들을 알고 사용하면 상당히 편할 것이라 생각되어서 정리한다.

드림위버나 나모 웹 에디터같은 html을 쉽게 다룰 수 있는 툴이 있긴 하지만 간단한 태그를 찾으러 띄우기엔 너무나 버겁다.


나도 필요할 때 찾아보고, 다른 사람들도 쉽게 도움을 받을 수 있을 거라 생각되어 다른 Quick Reference 들 처럼 공개한다.

향후에도 아래의 리스트는 계속 업데이트될 예정이다. (너무 많아지면 안될텐데,..)
북마크해두면 유용하단 얘기다~ ^^

p.s 유용하면서 간단한 태그가 있으면 댓글로 추가해 주시면 감사하겠습니다~ ^^

==========================
애드센스 광고를 본문안 오른쪽 위에 표시
    div 태그를 이용하는 방법


<div style="float: right;">
<!--          애드센스나 애드클릭스등의 태그  -->
</div>

_article_rep_desc_ <!--  티스토리(테터툴즈)일 경우 이 치환자가 본문 내용이므로 그 위에 배치 -->

==========================
애드센스 광고를 본문안 오른쪽 위에 표시
    table 태그를 이용하는 방법


<table border="0" align="right"><tr><td>
<!--          애드센스나 애드클릭스등의 태그  -->
</td></tr></table>

_article_rep_desc_ <!--  티스토리(테터툴즈)일 경우 이 치환자가 본문 내용이므로 그 위에 배치 -->

align="right" 에서 이 부분을 left 로 바꾸면 왼쪽 위에 표시되게 된다.

==========================
글 하단에 광고나 간단한 공지사항등을 표시
    레전드 태그를 이용하는 방법


_article_rep_desc_ <!--  티스토리(테터툴즈)일 경우 이 치환자가 본문 내용이므로 그 아래에 배치 -->

<fieldset style="width: 48%;">
  <legend style="color: rgb(0, 0, 0);" align="center">
    <b> 제목 </b>
   </legend>
 <div style="color: rgb(102, 102, 102);">내용</div>
</fieldset>

width
           테두리의 가로 길이
color
           색깔
align
           제목 정렬 (right, left)


위의 코드를 쓰면 이런 식으로,.

제목

내용

==========================
애드 클릭스의 클릭율을 높일 수 있는 에디터링크 꾸미기


<style>
/* 광고 링크 스타일 */
.hmhm_ad_link a:link {text-decoration: underline; background: white; color: blue;}
.hmhm_ad_link a:visited {text-decoration: underline; background: white; color: blue;}
.hmhm_ad_link a:hover {text-decoration: underline; background: white; color: blue;}
.hmhm_ad_link a:active {text-decoration: underline; background: white; color: blue;}
</style>
<div class="hmhm_ad_link">

<!-- 여기에 에디터 링크 코드 -->

</div>
==========================
특정 페이지로 이동, refresh
    HTML 태그의 meta refresh 태그를 사용하는 방법


<meta http-equiv="Refresh" Content="5;url=http://www.hmhm.net">

Content="5
          여기서 5는 5초후에 이동
url=http://www.hmhm.net
          http://www.hmhm.net  는 위에서 정한 시간 후에 이동하게 될 페이지

==========================
특정 페이지로 이동, refresh
    Javascript 를 사용하는 방법


<script language="JavaScript">
document.location = "http://hmhm.net";
</script>

여기에서 hmhm.net 부분이 바뀔 URL

==========================
특정 페이지로 이동, refresh
    HTTP 표준 redirect 를 사용하는 방법


PHP를 사용하는 경우
<?
header( "Location: main/frame.html" );
?>

ASP를 사용하는 경우
<%
response.redirect "main/frame.html"
%>

JSP를 사용하는 경우
<%
response.sendRedirect("main/frame.html");
%>

==========================
메일 주소 링크


<a href="mailto:abc@hanmail.net">abc@hanmail.net</a>

mailto:abc@hanmail.net
          받는 사람 주소란에 abc@hanmail.net 들어 감