<A>...</A>
가장 먼저 알고 싶은 거: 앵커의 속성(Defines an anchor).
A:link - 사이트 연결고리의 일반적인 색상.
A:hover - 사이트 연결고리에 마우스 올렸을 때 색상.
A:visited - 사이트 연결고리를 눌러 방문한 흔적이 있을 때 색상.
A:active - 사이트 연결고리를 눌렀을 때 색상.
하나의 문서에서 다른 문서로 연결하거나, 그림이나 소리, 동화상, 프로그램 파일 등을 불러올 때
사용하는 element로, 시작과 끝내는 태그로 이루어진다. 화면에는 일반적으로 밑줄 친 파란 글자로 나온다.
이 곳처럼 밑줄을 없애고 싶을 때는 스타일시트를 이용한다.
어디를 눌렀을 때 어디로 갈 것인가를 먼저 생각한다.
누를 곳의 앞 뒤에 <A>와 </A> 태그를 각각 넣어주고,
어디로 갈 것인가는 <A> 태그 안에 href 속성을 이용해 써 준다.
아래 예를 보면, 사랑해와 같이 다른 사람이 만든 곳으로 이동하고 싶을 때는
http로 시작하는 전체 URL을 모두 써 준다.
그러나, 세 번째 예와 같이 내가 만든 문서나 내 계정 안에 들어있는 파일로 이동하고 싶을 때는
상대경로만을 써 주면 된다.
<A href="http://www.nate.com/">사랑해</A>로 가기 저에게 <A href="mailto:lll6310@empal.com">메일</A>을 보내주세요. <A href="Love.exe">Love</A> 파일을 받으세요.
링크를 하게 되면 언제나 해당 문서의 제일 앞 부분이 화면에 나오게 되는데,
문서의 특정 부분으로 링크를 할 수도 있다.
그림에서와 같이 index.htm의 2.연혁을 클릭하면 content.htm의연혁에 대한 내용이 있는 부분이
화면의 제일 앞 쪽에 나오도록 만들어 보자.문서의 제일 앞부분이 앞 쪽에 나오도록 하기 위해서는
앞에서 했던 것과 같이 href 속성을 써서 경로만을 써주면 되었다.
그런데, 문서의 특정 부분이 앞 쪽에 나오도록 하기 위해서는
특정 부분에 따로 이름을 붙여서 브라우저에게 알려주어야 한다.
이 역할을 하는 것이 바로 name 속성이다.
먼저 content.htm의 연혁이 시작하는 부분에 <A name=history>라고 써 준다.
이 때 history라는 이름은 임의로 주면 된다. 링크할 때와 달리 특정 부분에 이름만을 붙여 줄 때는
</A>를 쓰지 않는다.
다음에는 index.htm에서 링크를 할 때, content.htm 중에서 history라는 이름이 붙은 곳으로
넘어가라는 표시를 뭔가 해주어야 한다.
이 때는 #표시를 쓴다. Name 속성 대신에 아래 예와 같이 P element를 써서 id를
붙여 주면 똑같이 링크를 걸 수 있다.
<A name=history>1. 애정 <-- content.htm --> <P id=history>1. 애정</P> <-- content.htm(두 개가 같은 용도로 쓰일 수 있다.) --> <A href=#history>1. 애정</A> <-- index.htm -->
만약, 한 문서 안에 앞 쪽에는 목차가 있고, 문서의 아랫부분에 내용이 나올 때는
같은 문서의 특정부분으로 연결을 할 수 있다.
이 때는 상대경로를 쓸 때 파일 이름도 생략하고
#이름만 써 주면 된다.
<A name=history>1. 애정 <-- index.htm --><A href="#history">1. 애정</A> <-- index.htm -->
속성
href="URL"
연결된 부분을 마우스로 클릭했을 때, 어디로 갈 것인지를 결정하는 속성이다. 보통 URL이 들어간다.
name=문자열
문서의 중간이나 끝 등 특정 부분으로 연결하려고 할 때, name 속성을 사용해 이름을 붙여줄 수 있다.
href 속성으로 연결을 할 때는 "파일이름#name"처럼 써준다.
target=프레임이름 |_blank | _top
프레임 안에서 링크할 때 링크된 문서가 어느 프레임에 나타날 것인지를 결정한다.
프레임을 나눌 때 각각의 FRAME element 안에 name 속성을 써서 이름을 주는데, 이 때 사용한 이름을 쓰는 것이다.
_blank를 쓰면 새 창이 뜨면서 문서를 보여주고, _top을 쓰면 현재 창 안에서 특정 프레임 크기가 아니라
전체 창 크기로 문서를 보여준다.
type=MIMETYPE
링크하는 대상의 MIME 형식을 써 준다.
MIME 형식이란 파일들을 7가지 그룹으로 분류하고, 각각 하위 형식을 정의한 것으로,
예를 들어 html 문서의 MIME 형식은 text/html이 된다.
Text 외에 application, audio, image, message, video 등이 있다.
rel=LINKTYPE
현재 문서와 링크하는 문서와의 관계를 나타낸다. LINKTYPE에 들어갈 수 있는 값은 아래와 같다.
- alternate
- 현재 문서와 같은 내용을 담고 있는 다른 버젼의 문서라는 뜻이다.
- 예를 들어, 다른 언어로 만든 문서라거나, 음성 브라우저에 맞도록 만든 문서일 수 있다.
- start
- 일련의 연결된 내용을 가진 문서들 중에서 처음이라는 뜻이다.
- next
- 일련의 연결된 내용을 가진 문서들 중에서 다음 장이라는 뜻이다.
- PREv
- 일련의 연결된 내용을 가진 문서들 중에서 앞 장이라는 뜻이다.
- contents
- 목차가 들어있는 문서라는 뜻이다.
- index
- 인덱스가 들어있는 문서라는 뜻이다.
- glossary
- 용어 설명이 들어있는 문서라는 뜻이다.
- copyright
- 저작권에 대한 설명이 있는 문서라는 뜻이다.
- chapter
- 일련의 연결된 내용을 가진 문서들 중에서 한 장에 해당하는 문서라는 뜻이다.
- section
- 일련의 연결된 내용을 가진 문서들 중에서 하나의 섹션에 해당하는 문서라는 뜻이다.
- subsection
- 일련의 연결된 내용을 가진 문서들 중에서 하나의 하위 섹션에 해당하는 문서라는 뜻이다.
- appendix
- 부록이라는 뜻이다.
- help
- 도움말을 담고 있는 문서라는 뜻이다.
- bookmark
- 관계된 북마크를 가지고 있는 문서라는 뜻이다.
rev=LINKTYPE
링크하는 문서와 현재 문서와의 관계를 나타낸다. Rel과는 반대의 의미라고 생각하면 된다.
charset=CHARSET
링크하는 문서의 언어 코드를 써 준다. 코드 목록에 가면 전체 코드 목록을 볼 수 있다.