링크 태그란 - 바로 실행해보면서 배우는 HTML5/CSS3
바로 실행해보면서 배우는 HTML5/CSS3
  • 링크 태그란
    05 링크 태그
    링크 태그란

    하이퍼 링크(Hyperlink)는 하이퍼 텍스트를 가능하게 만든 핵심 도구입니다. 하이퍼 링크를 처음 들어본 분은 간단하게 주소 링크라고 생각하며 천천히 읽어보시기 바랍니다.

    HTML에서 <a> 태그 이 하이퍼 링크의 역할을 합니다.


    링크 태그 <a>


    <a>anchor(닻)의 약자로, HTML에서 하이퍼 링크의 역할을 수행합니다. <a>가 마치 닻처럼 다른 페이지에 연결되어 있으니 꽤 어울리는 용어이지 않나 생각됩니다. <a> 태그를 사용하면 링크를 통해 다른 웹페이지로 이동하거나 문서로 이동할 수 있는 통로가 마련됩니다. 아래 이미지는 현재 A 페이지에서 <a> 태그를 사용하여 D 페이지와 연결 고리를 만든 모습입니다. <a> 태그 사용 방법에 대해서는 다음 강의에서 살펴보려 합니다. 지금은 이런 형태로 통로가 만들어진다는 것만 알아두시기 바랍니다.



    <a> 태그의 구성


    <a> 태그는 태그와 컨텐츠, 속성으로 구성되어 있으며 다음과 같이 작성합니다.

    이제까지 살펴보았던 태그와 달리 '속성'이 추가된 것을 볼 수 있습니다. 속성(attributes)은 태그의 특징, 즉 태그에 대한 추가 정보의 모음입니다. 모든 태그에 속성을 입력할 수 있지만 항상 필히 기재되야 되는 것은 아닙니다. 다만 <a> 태그는 속성을 필수로 가지며, 일반적으로 속성은 시작 태그의 <> 사이에서 태그 이름 바로 뒤에 한 칸 공백을 가진 뒤 작성합니다.

    자, 이제 속성을 어떻게 작성해야 하는지 알아봅시다. 링크 태그에서 갖춰야 할 필수 속성은 주소입니다. 링크 주소가 없다면 링크 태그는 아무 의미를 가질 수 없죠. 따라서 링크 주소라는 종류는 키(Key), 그에 따른 실제 링크 주소는 값(Value)으로 생각하시면 됩니다. 이때 값은 큰따옴표("") 또는 작은따옴표('') 처리를 꼭 해주셔야 합니다.

    만약 태그가 여러 개의 속성을 갖고 있는 경우 띄어쓰기로 구분합니다. 링크 태그의 주소 이외에 이름 속성을 추가하면 다음과 같습니다.

    Q & A
    Q&A forum that anyone can ask and answer.
    Share your questions and answers with other students and grow together!
    Registered Questions(0)