[html] 스타일 시트로 링크(link) 시 효과 주기

by 서진우 · 2004년 10월 7일

</head>

<body>

[<a href=”pre.html”>Co-Loation</a>] : 밖에 있는 중괄호만 색이 적용이 된다.

[<a href=”pre.html”>Co-Loation</a>] : 안에 있는 Co-Location이라는 글자만 색이 적용이 된다. 즉 항상 붉은 색으로 결정이 된다.

[<a href=”pre.html”>Co-Loation</a>] : 밖에 있는 중괄호와 안에 링크가 걸려 있는 것이 모두 붉은 색으로 적용이 된다.

</body>

</html>

상기 예문은 링크를 걸때 스타일 시트에 정해져 있는 색이 적용이 되는 예제이다.

잘아는 듯이 보이지만 스타일시트와 같이 사용할 경우 흔하게 실수를 하여, 작업시간을 많이 잡아 먹는 경우가 있다.

눈치가 빠른 사람은 예문에서 보아 알겠지만 Tag보다 <a> Tag가 html 문서의 Tag중 상위에 있다고 할 수있다.

1번의 예문은 문서상 기본색으로 지정이 되어 있는 것 (기본 값은 파랑색)이 적용이된다. 작업시 조심해서 작업을 하자……