HTML의 Tag를 사용하는 경우 추가적인 속성(Attribute)을 지정할 수 있는 것들이 있다.
예를들어 BODY tag를 보면,
<BODY background="bk.gif">
위와 같은 tag를 사용하게 되면, HTML문서의 바탕에 "bk.gif"라는 그림이 들어가게 된다. 이렇게 tag의
내부에 속성을 추가할 수 있는 항목이 많이 있다. 그러나, 일일이 다 설명할 정도는 아니고, 그나마도 HTML Editor를
사용하다 보면 저절로 알 게 될 것이므로, 자세한 설명은 생략한다. ( 배경색, 배경그림, 배경음악, 글자색깔등
설정할 수 있는 것들이 많이 있다. )
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
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>
FTP로 연결 : 브라우저로 FTP서비스에 접속할 경우
<A HREF="ftp://www.deadfire.com">
위와 같은 경우에는 anonymous계정으로 연결하게 되며, 만일 접속하려는 FTP서버에 별도의 계정이 있는 경우에는
다음과 같이 userid와 password를 설정하여 연결할 수도 있다.
HTML이란?
HTML 기초