3.HTML기초


3.3 속성 추가

  HTML의 Tag를 사용하는 경우 추가적인 속성(Attribute)을 지정할 수 있는 것들이 있다. 예를들어 BODY tag를 보면,
    <BODY background="bk.gif">
  위와 같은 tag를 사용하게 되면, HTML문서의 바탕에 "bk.gif"라는 그림이 들어가게 된다. 이렇게 tag의 내부에 속성을 추가할 수 있는 항목이 많이 있다. 그러나, 일일이 다 설명할 정도는 아니고, 그나마도 HTML Editor를 사용하다 보면 저절로 알 게 될 것이므로, 자세한 설명은 생략한다. ( 배경색, 배경그림, 배경음악, 글자색깔등 설정할 수 있는 것들이 많이 있다. )

    Tag의 속성  만일 HTML 스펙에 정의되지 않거나, 브라우저에서 인식하는 속성이 아닌 경우에는 속성을 지정하더라도, 브라우저가 이를 무시한다. 또한, 속성의 경우 vlink="blue" 이렇게 줘야 함에도 불구하고, 잘못해서 vlink="blue 이렇게 "를 빼먹는 경우에 화면의 색깔이 완전히 엉망이 되거나, 화면이 깨지는 경우가 있으니 주의할것!
3.4 Link / Anchor

  HTML문서에서 Link를 빼놓고서는 얘기가 안된다. 이 문서도 맨 하단에 Next, Prev버튼이 있어서 누르게 되면 다른 문서를 볼 수 있는 것이 바로 Hyper LINK기능이다. Anchor는 좀 의미가 다른데, 문서의 어떤 부분에 이름을 부여하는 것이라 볼 수 있다. 그래서 나중에 한번에 해당하는 지점으로 찾아올 수 있게 만드는 책갈피 비슷한 역할을 하게 된다.

Anchor와 Link는 다음과 같이 사용한다. 물론, 같은 구문에서 사용할 수도 있다. 사실 이 두가지는 <A></A> Tag의 하나의 속성에 불과하다.

  • Anchor : <A NAME="UP">UP</A>

  • Link : <A HREF="menu.html">MENU</A> 

  1) 기본 구조 및 사용예(hypertext reference)

    <A NAME="UP" HREF="../menu.html">Go to Menu</A>
            Anchor                  Link
    경로의 사용  경로명은 상대경로나 절대경로가 가능한데, 절대경로명을 쓰면, 항상 다시 전송을 받게 되어 느려지게 되나, 상대경로를 쓰면, Browser의 대부분을 자신의 Cache에서 가져다 쓰게 되므로, 보다 빠른 속도를 얻을 수 있다. 절대경로는 /로 시작하고, 상대경로는 ..또는 .로 시작한다.
  2) 사용 : 다른 문서또는 같은 문서에서 해당 장소로 이동

    <A HREF="../menu.html#UP">go test</A>

      위와같이 하게 되면, menu.html이라는 문서를 전송받은 뒤에 화면에 출력할 때 UP이라는 이름이 기록된 부분을 찾아 자동 스크롤된 상태로 보여지게 된다. 이것을 응용하면 같은 문서내에서도 이동할 수 있게 작성할 수도 있다.
    예제 2 : Link 와 Anchor를 써서 사전과 같은 기능을 제공할 수 있다. 다음 예가 그러한 것이다. 주로 봐야 할 것은 별도의 loading 시간이 없이 한번만 가져오고 나서 나머지는 같은 문서 안에서 이동이 이루어 진다는 것이다.
  3) LINK의 추가기능

  • mail 보내기 : 지정한 사람에게 메일을 보내기 위해서.

    <A HREF="mailto:Deadfire">mail to deadfire</A>

      E-Mail의 사용  Outlook과 같은 메일 프로그램이 구동되면서 받는 사람란을 설정하는 것이다. 실제로 사용자가 메일을 보내려면, mail 옵션이 셋팅되어 있어야 한다. 즉. 개인적으로 접근할 수 있는 mail server가 있어야 한다. 자세한 사항은 메일 클라이언트(Outlook같은거) 마다 다르지만, 옵션에서 추가할 수 있다. 어쨌건, 이것은 사용자가 해결해야 할 문제이므로, 서버측에서 메일을 받을 수 있는 계정만 가지고 있으면 된다. 어떤 경우에는 아예 메일서버가 없는 사용자를 위해 별도의 문서로 이동시켜서 받는 경우도 있다.

  • FTP로 연결 : 브라우저로 FTP서비스에 접속할 경우

    <A HREF="ftp://www.deadfire.com">

    위와 같은 경우에는 anonymous계정으로 연결하게 되며, 만일 접속하려는 FTP서버에 별도의 계정이 있는 경우에는 다음과 같이 userid와 password를 설정하여 연결할 수도 있다.

    <A HREF="ftp://userid:password@www.deadfire.com">

      FTP사용  브라우저를 이용한 FTP연결의 경우 일반적인 WS-FTP, LeechFTP와 같이 한번 Login하고 계속 사용하는 것이 아니기 때문에 속도도 많이 느리다는 단점이 있다.

- Last Update : 2001.6.19 by Deadfire(http://www.deadfire.net)

HTML 강좌
HTML이란?
웹서버 작동원리
HTML 기초
     - 전체 구조
     - 기본 태그
     - 속성 추가
     - Link/Anchor
     - 목록 Tag
     - 문자와 스타일
     - 기타 Tag
     - 특수 문자 표기
     - 이미지 표기
HTML 활용
     - Table
     - Frame
     - Form
     - Elements
기 타
     - MIME Type
     - 이미지 맵
     - 클라이언트 풀
마치며

Copyright ⓒ 1997 ~, Deadfire Program Master