Html 기본 태그

[글자 태그]
      
    <h1>글자크게</h1> - <h5>글자작게</h5> - 글자 크기...숫자가 클수록 글자가 크다.
    <b>굵게</b> - 글자 굵게
    <i>이탤릭체</i> - 글자 이탤릭체로( 기울어짐 )    
    <u>밑줄</u> - 글자에 밑줄
    <p>, <br> - 개행
    <&nbsp> - 공백 1칸( 띄워기 )
    <pre> ~~~ </pre> - 사이의 글은 <p>등 없이고 띄어쓰기 개행이 쓴데로 그대로 적용.
    <, >  &lt; , &gt; - 태그가 아닌 문자로서 <, >를 쓸때 쓰는 문자. 
    <marquee></marquee> - 문자열을 위, 아래, 오른쪽, 왼쪽등으로 이동 시킴
    <font size="2(크기)" color="red(색)" face="굴림(글자체)"> 표시할 글 </font>
    <span style="font-size: 8pt;color:008000;"> 표시할 글2 </span>
                                   - 폰트, 색, 크기등을 지정하여 준다.

---

[이미지 태그]

   <img src="img/daum_main.jpg" alt="다음"> - 마우스오버시 다음이라고 뜬다.
    <img src="img.daum_main.jpg" border="5"> - 테두리가 설정 된다.
    <img src="img/daum_main.jpg" align="top(middle/bottom)"> - 정렬을 시킨다.
    <img src="img/daum_main.jpg" width=300(100%) height=200(50%)"> - 크기지정.

---

[링크 태그]

   
   <a href="http://www.daum.net"> 다음 </a> - 기본적인 링크 연결
    <a href="~~~"> <img src="~~" > </a> - 이미지를 링크에 연결하는 식으로 응용한다.
    <a href="~~~" target="_blank(_self/_top) title="태그"> 테스트 </a> 
                            - 새창(현재창/현재창 없애고새창)에서 링크를 열고 링크설명을 할수 있다.
 

---

[테이블 태그]

   <table id="test_view" width="100%" border=0 cellpadding=0 cellspacing=0>
          <tr width="100%" height=50>
                 <td style="padding-top:10px;"> 테스트 </td>
          </tr>
   </table>

   <table 옵션>
          width - 넓이
          height - 높이
          border - 선 굵기
          bordercolor - 선 색상
          align - 정렬 위치(left, center, right)
          cellpadding - 셀 여백
          cellspacing - 표 테두리 간격

   <tr, td 옵션>
          width - 넓이
          height - 높이
          align - 수평 정렬(left, center, right)
          valign - 수직 정렬(top, middle, bottom)
          style - 스타일 태크
          colspan - 가로 셀합치기
          rowspan - 세로 셀합치기