본문 바로가기

HTML-CSS의 기초

티스토리에서 글자에 링크거는 방법

티스토리에서 글자에 링크거는 방법

티스토리에서 글을 쓰는 중에 글자에 링크를 걸어주는 방법입니다.
대부분의 분들이 다 아시는 내용이기에 이 글은 html 태그 초보를 위한 글입니다. ^^

링크(link)란 웹페이지를 서로 연결시켜주는 것을 말함.

예. 블로그 초보길들이기

위에서 처럼 블로그 초보길들이기를 클릭하면 지정한 주소로 페이지가 이동(전환)되도록 해주는 것을 링크, 정확하게는 하이퍼링크(hyperlink)라고 합니다. 하이퍼링크에 대한 좀더 상세한 내용은 검색해보세요!

티스토리의 edit(편집) 화면에서 글자에 하이퍼링크[각주:1]를 거는 방법은 매우 쉽습니다.
또한 대부분의 에디터는 비슷하게 구성이 되어 있어서 여기서 링크거는 법을 알게 되면 다른 웹에디터에서도 충분히 이용을 할 수가 있을것입니다.

 

글자에 하이퍼링크 거는 방법

1. 링크걸 글자를 입력합니다.
2. 링크걸 글자를 마우스로 쭉 끌어서 블록 지정합니다.

   

블록 지정 예.



3. 상단 도구에서 링크아이콘을 클릭(Ctrl + K)합니다.

    

티스토리 에디터 도구들


 위 그림의 링크도구를 클릭하면 아래 처럼 주소 입력창이 열립니다.

    



클릭시 연결을 원하는 주소를 입력한 후 새창 또는 현재창을 선택하고 확인을 누르면 끝입니다.
주소는 http://를 꼭 적어주고요~

새창, 현재창 선택은
보통 본인의 블로그 주소를 연결할때는 현재창을 선택해주고..
다른 블로그나 다른 사이트를 연결할때는 새창을 선택합니다. ^^

이상 간단하게 글자에 링크거는 법에 대해서 설명을 드렸습니다.

참고. 링크 태그

형식: <a href="url" target=_blank>화면에 표시될 내용</a>

예) <a href="http://chobo1.tisory.com" target=_blank>블로그 초보 길들이기</a>

블로거가 꼭 알아야 할 HTML 7가지
table 태그 확실하게 알기
스타일시트 이해하기

  1. 웹(www)에서 문서나 그림, 파일등을 연결시켜는 것 [본문으로]
  • BlogIcon SAGESSE 2009.06.06 20:49

    Kay님이 올린 포스트는 다 도움되는 내용뿐이었어요! 검색 엔진은 포스트 수가 어느정도 되야 가능해서 나중에 올리도록 하고 이제 비앤 아이로 등급합니다! 감사해요!

  • BlogIcon 지구벌레 2009.06.08 10:45 신고

    반갑습니다. 블로그 시작한지 이제 2달이 다되가는데 여전히 초보입니다. 많이 배워가께요..^^...구독합니다.

    • BlogIcon Kay~ 2009.06.18 16:38 신고

      안녕하세요! 지구벌레님.
      기대에 부흥하여 열심히 글을 올려야 하는데
      제 메인 관리하는데 급급하다보니..
      이곳은 신경을 많이 못 쓰고 있네요!
      양해 바라겠습니다.

  • BlogIcon 소월ⓥ 2009.06.08 12:36 신고

    ㅎㅎㅎ 제가 원하던 내용이네요 ~
    역시나 이런 잔잔한 내용들이 좀 하시는 분들에겐 별거 아닐지 몰라도
    첨 하시는분들에겐 엄청 큰 도움이 되는것 같아여 ㅎ_ㅎ
    상세히 설명해주신거 감사해여 ~~ ㅎㅎ

    • BlogIcon Kay~ 2009.06.18 16:39 신고

      하하.. 저도 이런 작고 간단한 내용을 올리는것이
      부담도 없고 시간소비도 별로 없고 해서
      좋답니다. ㅎㅎ

  • BlogIcon Reignman 2009.06.13 11:56 신고

    잘봤습니다..
    그리고 아래 3개중에 HTML7가지에 table태그 링크가 걸려있네요

    • BlogIcon Kay~ 2009.06.18 16:39 신고

      아하~~ 감사합니다.
      Reignman님이 이곳에 자주 오셨었군요! ㅎㅎ
      링크는 수정했습니다. ㅋㅋ

  • BlogIcon rain2u 2009.06.26 09:03 신고

    안녕하세요. 하이퍼링크관련 태그를 찾다가 방문하게 되었습니다.
    위에 설명해주신 방법은 글자에 링크를 걸어 화면을 띄우는 것인데... 조금더 나아가서 특정화면의 특정 텍스트, 특정 그림이 바로 나올 수 있도록 태그를 주는 방법도 있는지요? (음... 티스토리에서 각주에 생기는 링크처럼 말이죠)

    혹시 알고 계시다면 이러한 내용을 소개한 싸이트라도 소개해 주셨으면...
    감사합니다.

    아!!! 작성하신 다른 글들도 읽어보았습니다. 초보 블로거로서 참 많은 도움이 되네요. 감사합니다.

    • BlogIcon Kay~ 2009.07.25 17:18 신고

      예 가능합니다. 각주같은경우는 문서의 특정 위치에 이름을 정해놓고
      클릭시 그 이름으로 이동하게 하는 것입니다.
      물론 <a> 태그를 이용해야 하고 미리 이름을 지정해둬야 합니다.

  • BlogIcon L 2009.08.01 15:55

    감사합니다~ 덕분에 좋은거 배웠네여;;

  • 알 수 없는 사용자 2009.08.28 09:46

    아직도 헤매고 있는 저에게 한줄기 희망이네요 감사합니당 ㅎㅎㅎ

    • BlogIcon Kay~ 2009.08.28 17:55 신고

      ^^ 이 부분은 사실 html을 잘 모르거나 html웹에디터를 사용해보지 않앗다면
      알면 쉽지만 대부분 어려워하는 부분입니다.
      sam&elly님 같은 분이 있으니 제가 이런 글도 올리잖아요! ㅎㅎ

  • 티딩 2010.05.25 13:39

    티스토리 초보인데요.. 여기서 많이 배우고 갑니다. ^^ 감사합니다...^^

  • 알 수 없는 사용자 2010.08.04 18:05

    오오... 글쓰는곳에 저런기능이 있을줄이야... 유용한정보 감사드립니다.

  • BlogIcon Banggun 2010.11.30 16:50 신고

    유익한 정보 감사합니다. 이제막 시작하는 초보토리 입니다 ^^

  • 알 수 없는 사용자 2011.03.18 11:26

    링크태그란 무엇인가요? 글자에 블록을 씌운다음 티스토리 메뉴에 있는 링크를 클릭하면 바로 글자위에 링크가 걸어지던데... 링크태그라는 말이 이해가 안가요...;;

    티스토리 본문 태그에 걸어봐도, 본문에 써도 주소 그대로 나오더라구요..

    <a href="http://iprosumer.pickl.kr/experience/exp_request.jsp?experienceId=8790&categoryId=29" target= "_blank">무료체험신청하기</a>

    앞에 붙어있는 <a href.... 이건 어떨때 쓰는건가요?궁금해요^^

    • BlogIcon Kay~ 2011.04.16 01:21 신고

      <a ....> 가 링크태그입니다.
      <a href=url> 화면에 표시할 내용 </a>
      위 예제는 클릭시 특정 사이트로 이동이 되도록 할때 사용하는 방식입니다.
      url은 사이트 주소입니다.

      그리고 직접 수정을 할때는 html 편집화면에서 하면 되고..
      말씀하신 티스토리메뉴에서 할때는 그냥 글자에 블록지정후 url(이동할 주소)만 입력해주면 됩니다.

  • BlogIcon 바빌론 2012.10.30 12:32 신고

    감사합니다. 그동안 HTML로 붙여넣기 했는데 게시글 속에 있었군요... ^^;

  • 감사합니다!