English

Data-Info

                 

General HTML Basic Tag Study (4)

2005.07.09 18:10

Rosun Views:319

[ 하이퍼링크 관련 태그 ]

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

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

<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 6354
Notice How to Upload Pictures in webpages 운영자 2016.07.06 2019.12.31 1296
Notice How to Write a Webpage 운영자 2016.06.28 2017.07.19 1646
Notice Brief Instruction of using SNUMA Website 운영자 2008.04.28 2016.06.28 1568
20 외국 동화 - 한글이나 영어로 읽고, 듣고, 보기 Rover 2009.01.13 2009.01.13 295
19 만년달력 - 음력과 양력 [1] YonnieC#65 2008.10.30 2008.10.30 450
18 Website Revision 운영자 2008.06.20 2008.06.20 295
17 Class website data 운영자 2008.05.17 2008.05.17 422
16 한국 동화 모음 (펌) 운영자 2008.04.09 2008.04.09 338
15 ANSI Character Set 운영자 2008.04.09 2008.04.09 240
14 세계적인 거장 30인의 작품 모음 운영자 2008.04.09 2008.04.09 281
13 색상 고르기 (Choosing Color codes) [1] 운영자 2008.04.09 2008.04.09 270
12 Floating Balloons with Messages 운영자 2008.04.09 2008.04.09 273
11 Webpage (or site) Source Code Viewer 운영자 2008.04.09 2008.04.09 237
10 Buttons and Icons - Making by Table [1] Steven 2008.02.24 2008.02.24 559
9 한자사전 (퍼옴) 석주 2007.06.19 2007.06.19 1829
8 홈피에 음악 올리기 一水去士 2006.02.18 2006.02.18 269
7 홈피에 사진 올리기 [1] 一水去士 2006.02.18 2006.02.18 337
6 Marquee Lessons Lesson 2005.12.02 2005.12.02 268
» HTML Basic Tag Study (4) Rosun 2005.07.09 2005.07.09 319
4 HTML Basic Tag Study (3) Rosun 2005.07.09 2005.07.09 316
3 HTML Basic Tag Study (2) Rosun 2005.07.09 2005.07.09 307
2 HTML Lesson (1) Rosun 2005.07.09 2005.07.09 401