Whiteship's Note

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