키스맥 - html강좌 매킨토시 전문 웹 매거진 웹진

  + 파일메이커 기초편
  + 4th Dimension
  + 리얼베이직
  + OS X 10.3
  + 홈페이지 만들기
  + 포토샵 강좌
  + 디카 완전정복
  + 실무로 배우는 Quark
  + MLayout
  + iPod 강좌
  + html 강좌
  + 간단매뉴얼&팁
  + 5세대 iPod 강좌
  + iTunes 한 컷 강좌
  + iPod 한컷강좌
            


7회. 링크


이번 회에서는 html의 꽃인 링크에 대해 알아보겠다.




위의 예와 같이 href뒤에 이동할 주소를 적어주면 된다. 실행시킨후 이동하면 아래와 같다.




키스맥으로 이동이 성공적으로 이루어졌다. 성공확인을 한 후 본래 페이지로 돌아가려고 보니 뒤로 버튼을 눌러야만 한다.

현재 페이지가 아닌 새로운 웹 브라우저를 띄워 링크 페이지를 보려면 target을 사용하면 된다. target 속성 값에는 _blank, _self를 사용 할 수 있다. 단어에서도 대강 눈치 챘겠지만 _blank는 링크 페이지를 새 창에서, _self는 기본링크 속성과 마찬가지로 현재 창에서 링크 걸린 페이지가 불러들여진다.




이미지에 링크를 걸려면 링크 태그 안에 이미지를 삽입하면 된다. 이 경우 지난 5회 이미지 태그에서 언급한 바와 같이 그림에 테두리가 생기는 브라우저도 있다. 테두리를 방지하고 싶을 경우 border값을 0으로 설정해 주면 테두리가 생기지 않는다.





내용이 많아 스크롤이 길게 생기는 경우 목차를 상단에 써주고 목차를 클릭하면 해당 내용으로 이동할 수도 있다. 주로 메뉴얼 작성에 사용한다.





웹 브라우저를 실행시켜놓고 상단 주소표시줄을 보면 우리가 만든 주소 뒷부분에 #list, #simg등 이 추가된것을 확인 할 수 있다.



이메일을 표시 해 두고 싶을때 텍스트만 보여줄 수도 있지만 이메일 링크를 사용하면 클릭했을 때 메일 프로그램이 자동으로 구동되어 사용자에게 편리함을 도모할 수 있다.




1회부터 지금까지 알아본것만 가지고도 html페이지를 만드는데 큰 어려움은 없을것이다. 그렇지만 깔끔하고 잘 정돈된 페이지는 테이블로 완성 된다. 그럼 다음 시간에는 테이블 태그에 대해 알아보도록 하자.



다음글 - 8회. 테이블 -1-
현재글 - 7회. 링크
이전글 - 6회. 동영상 태그
 번호 제 목등록일      
  8  8회. 테이블 -1- (1)  2004-09-17  
  7  7회. 링크 (0)  2004-09-10  
  6  6회. 동영상 태그 (0)  2004-08-27  
  5  5회. 이미지 태그 (0)  2004-08-20  
  4  4회. 글꼴관련 태그를 익히자 (0)  2004-08-13  
  3  3회. html 기본문법 (0)  2004-08-03  
  2  2회. ftp와 파일 업로드 (0)  2004-07-23  
  1  1회. html이란 (0)  2004-07-16  
 
1
 
이름 제목 내용


Copyright by kissmac