본문으로 바로가기



HTML 에 대해 정말 바닥부터 시원하게 설명을 듣고 싶으시다구요? http://donghoon.me/23 를 확인해 보세요!


이번 시간에는 HTML 에서 <A> 태그의 역할에 대해 알아보도록 하겠습니다.


<A> 태그


다른 사이트로 연결을 해주는 파란색 글로 된 것을 많이 보셨을 것입니다. 그것이 바로 이번 시간에 배울 <A> 태그 입니다. 다행히도 이번 시간에 다룰 태그는 상당히 많이 보셨기 때문에 쉽게 이해될 것이라고 생각합니다. 아래의 예시를 보시죠. ▼



그러면 본격적으로 <A> 태그를 사용하는 방법에 대해 알아보도록 하겠습니다.


이번 <A> 태그는 <P> 태그와는 달리 옵션이 사용되는데요. 일반적으로 사용되는 옵션 중 하나인 href 는 이동할 사이트의 주소가 됩니다. ▼


1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
    <head>
        <!-- 이 곳에는 사이트의 설정 등의 코드가 담기는 부분 입니다. -->
    </head>
    <body>
        <a href="http://donghoon.me">나노 블로그로 바로가기</a>
    </body>
</html>
cs


이렇게 간단하게 바로가기, 링크가 생성 되었습니다. 만약 텍스트 안에 넣고 싶으시다면 아래처럼 하셔도 좋습니다. ▼


1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
    <head>
        <!-- 이 곳에는 사이트의 설정 등의 코드가 담기는 부분 입니다. -->
    </head>
    <body>
        <p>HTML 강좌가 보고 싶다면?! <a href="http://donghoon.me">나노 블로그로 바로가기</a> 를 클릭하세요!</p>
    </body>
</html>
cs


결과물이 잡다한 외계어로 보인다구요? http://donghoon.me/27 를 참고하세요!



댓글을 달아 주세요