English

Data-Info

                 

General HTML Basic Tag Study (4)

2005.07.09 18:10

Rosun Views:313

[ 하이퍼링크 관련 태그 ]

웹 문서에서 다른 웹 문서나 사이트로 이동할 수 있도록 글이나 그림에 하이퍼링크를 적용합니다.

우리가 일반적으로 링크 건다는 표현을 많이들합니다.

<a href="사이트주소 혹은 웹 문서이름">~</a>

1. 글자에 하이퍼링크 연결하기

    <a href="http://www.yahoo.co.kr" target="_blank">야후</a>

    태그 연습장에 복사해서 붙여넣기 하신후 클릭해보세요 결과가 어떻게 나오는지요

2. 그림에 하이퍼링크 연결하기
  
    글자로 하이퍼링크 연결하기랑 동일한 방법입니다. 단지 글자 대신에 이미지를 사용한다    
  
    는게 차이입니다. 그럼 ‘야후’라는 글자 대신에 이미지를 넣어주면 되겠죠?

    <a href="http://www.yahoo.co.kr" target="_blank"><img src="이미지의 경로와 이미지명“></a>

    그럼 예를 들어서 경기고등학교 모교 웹사이트에 연결하기 위해서 이미지를 경기고등학교 로고를

    사용해서 하이퍼링크를 걸어 보겠습니다.

    여기서 유의 할점은 하이퍼링크를 걸때는 항상 Target에 신경 써야합니다.

    다른사이트에 가서 내 홈페이지를 링크를 거는데 상대방 사이트를 완전히 떠나서 오게하면 안되겠죠

    그래서 Target을 blank로 주는겁니다.
    
    <a href="http://www.kyunggi.hs.kr" target="_blank"><img src="http://www.kg55.org/study/logo.gif"></a>

    이미지는 kg55계정안에 study라는 폴더안에있는 logo라는 이미지를 불러왔습니다.

    이거 역시 태그연습장에 복사해서 붙여넣은후 결과 확인을 해보세요

    그리고 target="_blank"를 삭제하시고 어떻게 변하는가도 한번 테스트 해보시구요

    어떤분이 어렵다고 설명좀 쉽게 해달라고 하셨는데 포괄적으로 한번 주욱 살펴보고난후

    Detail하게 본 강좌를 할껍니다. 그러니까 너무 걱정하지 마시고 즐거운 마음으로 부담없이

    소설책 보듯이 하세요 소설책이 싫으신분들은 갤러리에 있는 재미있는(?) 사진 보듯이

    보시면 됩니다. 오늘은 여기까지하고 다음 시간에는 테이블에 관련된 태그에 대해서 알아보도록 하겠습니다.
No. Subject Author Date Last Update Views
Notice How to write your comments onto a webpage 운영자 2016.07.06 2019.12.31 6318
Notice How to Upload Pictures in webpages 운영자 2016.07.06 2019.12.31 1261
Notice How to Write a Webpage 운영자 2016.06.28 2017.07.19 1581
Notice Brief Instruction of using SNUMA Website 운영자 2008.04.28 2016.06.28 1528
21 Basic Frame Templates - 진한 밖 테두리, 엷은색 배경 [1] 운영자 2010.02.27 2010.02.27 345
20 dt, dl codes 운영자 2013.11.17 2018.09.06 339
19 한국 동화 모음 (펌) 운영자 2008.04.09 2008.04.09 333
18 Basic Frame Templates - 단색 테두리와 배경 [1] 운영자 2010.02.27 2010.02.27 332
17 홈피에 사진 올리기 [1] 一水去士 2006.02.18 2006.02.18 331
16 Table Template 1 - Simple basic table frame [2] 운영자 2010.02.27 2010.02.27 329
15 Basic Frame Templates - 어두운 배경-밝은 글자 [1] 운영자 2010.02.27 2010.02.27 325
14 dl, dt [1] 운영자 2015.01.20 2018.09.09 314
» HTML Basic Tag Study (4) Rosun 2005.07.09 2005.07.09 313
12 HTML Basic Tag Study (3) Rosun 2005.07.09 2005.07.09 311
11 HTML Basic Tag Study (2) Rosun 2005.07.09 2005.07.09 302
10 외국 동화 - 한글이나 영어로 읽고, 듣고, 보기 Rover 2009.01.13 2009.01.13 289
9 Website Revision 운영자 2008.06.20 2008.06.20 287
8 세계적인 거장 30인의 작품 모음 운영자 2008.04.09 2008.04.09 277
7 참고 - Modified Music Player 운영자 2010.02.02 2010.02.02 266
6 색상 고르기 (Choosing Color codes) [1] 운영자 2008.04.09 2008.04.09 263
5 홈피에 음악 올리기 一水去士 2006.02.18 2006.02.18 261
4 Floating Balloons with Messages 운영자 2008.04.09 2008.04.09 258
3 Marquee Lessons Lesson 2005.12.02 2005.12.02 257
2 ANSI Character Set 운영자 2008.04.09 2008.04.09 236