HTML 공부 중

앵커 태그

<a href="whiteship.tistory.com">My Blog</a>
이렇게 쓰는것이 가장 기본 형태 같습니다.

<a name="index">목차</a>
<a href="#index">목차로 이동</a>
목차로 이동을 클릭하면 목차로 이동하게 됩니다. 인덱스 기능이네요.

<a herf="whiteship.tistory.com" target="_blank">새창에서 Blog 열기</a>
타겟을 지정해주면 새창에서 열립니다. _top 으로 하면 현재 창에서 열립니다.(프레임 무시)

<a href="mailto:whiteship2000@gmil.com?subject=Hello%20again">보내기</a>
메일 보내는 페이지로 이동합니다.(firefox에서는 Gmail로 탭이 생기던데... IE에서는 전자 메일이 실행됩니다.) 이동하면서 이 메일 제목은 Hello again이고 두 단어 사이를 %20 만큼 띱니다.

좀 더 복잡한 E-mail 링크 걸기 예제는 참조를 클릭해 주세요.

프레임 태그

<frameset rows="15%,70%,15%">
  <frame noresize="noresize" src="upMenu.htm">
  <frame noresize="noresize" name="center" src="list.htm">
  <frame noresize="noresize" src="downMenu.htm">
</frameset>

frameset에 rows는 가로로 쪼개고 cols는 세로로 쪼개기 입니다.
noresize="noresize"로 해주면 프레임 나누고 있는 막대기를 드래그 하지 못하게 설정합니다.
각각의 프레임에 이름을 설정해 줘서 앵커 태그의 targer 속성에 적어줄 수 있습니다.

주의 할 것 frameset 태그를 쓰면 body 태그를 쓰지 못한다는거~

테이블 태그

<table border="1">
   <tr>
       <th>Index</th>
       <th>Name</th>
       <th>Blog</th>
   </tr>
   <tr>
       <td>1</td>
       <td>백기선</td>
       <td><a href="http://whiteship.tistory.com/" target="_blank">보러가기</a></td>
   </tr>
</table>

th는 테이블의 헤드 부분이며 굵은 글씨에 중앙 정렬이 됩니다. <td></td> 이렇게 빈칸으로 두면 기본 보더 스타일에서 내부의 조그만 사각형이 안그려 지는데 &nbsp; 를 넣어서 만들 수 있습니다.

colspan="2' rowspan="2" 를 사용해서 셀 병합 시킬 수 있습니다.
cellspacing="10" 은 셀 두깨 cellpadding="3"은 셀 안에 있는 글자와 셀의 간격
background="bgdesert.jpg" 으로 배경 넣을 수 있습니다.