|
|
안녕하십니까~ 초보자 여러분들께 HTML 문서 제작 방법을 좀 더 쉽게 알려드리기 위해 동분서주하고 있는
퐌다!! 인사 올리겠습니다 _ _) 요즘 다른 것들 좀 끄적 거린다고 강좌가 조금 늦었네요... 이해해주실거죠?ㅎ
그럼 금일 강좌 들어가도록 하겠습니다~
이전 강좌 못보신 분들은 아래 연결된 링크로 들어가서 필요한 부분 보고 오시기 바랍니다~^^
|
지난 글 보기 |
학습 목표● 외부 사이트를 Hyper Link 하는 방법을 익힌다.
● E-mail 링크하는 방법을 직접 적용해 본다.
지난 강좌에서는 다른 웹문서로 하이퍼링크 시키는 방법과 문서내부에서 하이퍼링크시키는 방법을 공부했습니다.
이번 강좌에서는 지난 시간에 배우지 못한 다른 사이트로 하이퍼링크시키는 방법과 E-mail을 링크하는 방법을 알아 보도록 하겠습니다. 그럼 달려볼까요?? 후비고우~~
다른 사이트로 연결하기
다른 사이트로 하이퍼링크를 연결하기 위해서는 <A>..</A> 태그 사이에 자신이 연결하고 싶은 해당 사이트의
주소(URL)를 입력해주면 됩니다. 쉽죠??
여기서 URL 이라는 말이 나오는데 쉽게 말해 웹 브라우저를 실행 했을때 브라우저 상단에 뜨는 http를 포함한 모든 주소를
말합니다. 예를 들면, 네이버의 URL 주소는 (http://www.naver.com) 이 되겠고, 다음은 (http://www.daum.net) 이 되겠습니다. 이해되셨나요? 그럼 실습에 들어가 보도록 하겠습니다.
메모장을 열어 위에 나와있는 소스를 입력하시기 바랍니다. 특히, 사이트 주소는 틀리지 않게 입력하셔야 합니다.
그렇지 않으면 제대로 연결됐는지 확인 할 수 없으니까요.
입력이 전부 완료 되셨다면 확장자를 html 로 입력하시고 상단에 첨부한 파일을 열어 똑같이 입력 되었는지 확인 합니다.
다른 사이트 연결하기.html제대로 입력 되었다면 하단의 '결과보기'를 눌러 자신이 확인한 내용과 같은지 점검합니다.
눈치채신 분도 계실지 모르지만 사이트 주소 뒤에 지난 시간에 배운 target=_blank 라는 소스를 입력했기 때문에
저장하신 웹문서를 열어 링크를 클릭했을때 '새창'으로 사이트 주소가 열려야 합니다.
만약, 새창으로 열리지 않으면 제대로 입력된 것이 아니니 다시 입력해서 확인해보시기 바랍니다.
E-mail 링크 연결하기
이번에는 E-mail을 링크시켜 브라우저의 메일 기능(아웃룩익스프레스)을 이용해보겠습니다.
어떤 특정인의 E-mail 계정을 링크시키면 그 사람이 수신인으로 지정된 E-mail 전용프로그램(아웃룩익스프레스)이
화면에 나타납니다. 만약 본인의 아웃룩익스프레스가 등록이 되어있지 않다면 그전에 등록해야 메일을 보낼 수 있습니다.
예를 들어, bjhalska@naver.com 이라는 E-mail주소로 링크시킨다면 메일 주소를 아래와 같이 메모장에 입력시켜 주면 됩니다.
입력이 완료되었다면 아래에 첨부한 파일과 같은지 비교해보시고 웹문서를 실행시켜 보십시오.
웹문서를 실행하고 '홈페이지관리자 E-mail' 을 눌렀을때 아래 결과보기와 같이 아웃룩익스프레스가 실행된다면
입력이 제대로 된 것입니다. 그리고 혹시 아웃룩익스프레스가 설정되어 있지 않으시다면 제가 걸어놓은 링크로 가셔서
설정하시면 되겠습니다.(아웃룩익스프레스 설정하기)
글을 마치며..
지금까지 여러 가지 하이퍼링크 연결 방법에 대해 배워보았습니다. 이제 대충 감 좀 잡으셨나요?
무엇보다 중요한 것은 메모장에 HTML 문서를 작성하면서 하이퍼링크를 넣어서 실제로 웹 브라우저에 띄워 보시는 겁니다.
그리고 링크된 사이트로도 이동해 보시구요... 직접 손으로 적고 저장하고 실행해보지 않으면 절대 실력 늘지 않습니다!!
그점 꼭 명심하시고~ 머리속에 넣어두세요! 백문이불여일타!!
그럼 다음강좌에서는 이미지 삽입하는 방법과 이미지로 하이퍼링크하는 방법에 대해서 공부하도록 하겠습니다.
다음 강좌에서 뵐게요~^^ 추천 눌러주는거 잊지 않으셨죠?
댓글