• Home
  • About
    • Ryureka Moment photo

      Ryureka

      Sin Prisa, Sin Pausa

    • About Me
    • Facebook
    • Github
    • Youtube
  • Projects
  • Posts
    • Posts
    • ProblemSolvings
    • Tags
    • Blog
    • TIL
    • Examples
  • ProblemSolving
    • ProblemSolving
    • BruteForce
    • DFS
    • DP
    • Optimization
  • FrontEnd
    • FrontEnd
    • HTML
  • BackEnd
    • BackEnd
    • Spring
    • Node.js
    • DataBase
      • MySQL
  • Programming
    • Programming
    • Java
    • Python
  • ComputerScience
    • DataStructure
    • Algorithm

[생활코딩] HTML 수업 - (2) 하이퍼텍스트와 속성

28 Jan 2020

Reading time ~1 minute

이 포스트는 생활코딩 HTML 수업을 기반으로 작성한 글입니다.

하이퍼텍스트와 속성에 대하여 알아보겠습니다.

  • 하이퍼텍스트와 속성
    • 링크를 만드는 태그 및 속성 적용 전
    • 링크를 만드는 태그 및 속성 적용 후 (a, href)
    • 결론

하이퍼텍스트와 속성

하이퍼텍스트의 특성인 링크를 만들어보겠습니다.

링크를 만드는 태그 및 속성 적용 전

<h3>오늘의 명언</h3>
우리 모두는 <strong>자신의 힘</strong>으로 발견한 내용을 가장 쉽게 익힌다.
(도널드 커누스)

오늘의 명언

우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. (도널드 커누스)

링크를 만드는 태그 및 속성 적용 후 (a, href)

<h3>오늘의 명언</h3>
우리 모두는 <strong>자신의 힘</strong>으로 발견한 내용을 가장 쉽게 익힌다.
(<a href="https://ko.wikipedia.org/wiki/도널드_커누스"
target="_blank" title="전설적인 프로그래머">도널드 커누스</a>)

오늘의 명언

우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. (도널드 커누스)

결론

  1. 태그만으로는 정보가 충분하지 않을 때 속성이라는 것을 사용합니다.
  2. 링크를 만들고 이동하려면 a 태그를 사용합니다.
  3. 이 때, 이동할 주소를 href 속성을 이용하여 나타냅니다.
  4. target 속성을 사용하여 새로운 탭(_blank)에서 링크를 열 수 있고, title 속성을 이용하여 툴팁(tooltip)으로 링크에 마우스를 올렸을 때 정보를 전달할 수 있습니다.


HTML Share