[생활코딩] HTML 수업 - (2) 하이퍼텍스트와 속성
28 Jan 2020
Reading time ~1 minute
이 포스트는 생활코딩 HTML 수업을 기반으로 작성한 글입니다.
하이퍼텍스트와 속성에 대하여 알아보겠습니다.
하이퍼텍스트와 속성
하이퍼텍스트의 특성인 링크를 만들어보겠습니다.
링크를 만드는 태그 및 속성 적용 전
<h3>오늘의 명언</h3>
우리 모두는 <strong>자신의 힘</strong>으로 발견한 내용을 가장 쉽게 익힌다.
(도널드 커누스)
오늘의 명언
우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. (도널드 커누스)
링크를 만드는 태그 및 속성 적용 후 (a, href)
<h3>오늘의 명언</h3>
우리 모두는 <strong>자신의 힘</strong>으로 발견한 내용을 가장 쉽게 익힌다.
(<a href="https://ko.wikipedia.org/wiki/도널드_커누스"
target="_blank" title="전설적인 프로그래머">도널드 커누스</a>)
오늘의 명언
우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. (도널드 커누스)
결론
- 태그만으로는 정보가 충분하지 않을 때 속성이라는 것을 사용합니다.
- 링크를 만들고 이동하려면 a 태그를 사용합니다.
- 이 때, 이동할 주소를 href 속성을 이용하여 나타냅니다.
- target 속성을 사용하여 새로운 탭(_blank)에서 링크를 열 수 있고, title 속성을 이용하여 툴팁(tooltip)으로 링크에 마우스를 올렸을 때 정보를 전달할 수 있습니다.