Whiteship's Note

'a 태그'에 해당되는 글 1건

  1. 2006.12.13 HTML 공부 중 (2)

HTML 공부 중



참조 : http://www.w3schools.com/html/html_intro.asp
위 링크를 참조하며 공부하고 있습니다.

앵커 태그
<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" 으로 배경 넣을 수 있습니다.

오늘의 결과물
사용자 삽입 이미지
GMail을 모델 삼았는데 이거 정말 웃음 밖에 안나오는군요. ㅎㅎㅎㅎㅎ

'Spring > 주소록 만들기' 카테고리의 다른 글

CSS 공부 중  (2) 2006.12.21
주소록 화면 완성  (3) 2006.12.19
중간점검  (0) 2006.12.17
HTML 공부 중 2탄  (2) 2006.12.14
Strict HTML 4.01 지침서  (6) 2006.12.14
HTML 공부 중  (2) 2006.12.13
페이징 기능 구현하기(TDD, Easymock, iBATIS, MySQL)  (2) 2006.12.11
Easymock 연습하기 3탄  (0) 2006.12.06
Easymock 연습하기 2탄  (0) 2006.12.05
Easymock 연습하기  (0) 2006.12.05
단위 테스트 모르겠슴 ㅠ.ㅠ  (0) 2006.12.05
top

  1. Favicon of http://chanwook.tistory.com/ BlogIcon 찬욱 2006.12.13 16:24 PERM. MOD/DEL REPLY

    저는 frame tag 보다는 body tag 사용해서 div 쓰는게 좋은 것 같던데욤.^^

    Favicon of http://whiteship.tistory.com/ BlogIcon 기선 2006.12.13 18:24 PERM MOD/DEL

    글쿤;; 아직 진도가 안나가서..div 알아봐야겠다. 쌩큐 :)

Write a comment.