[HTML a태그]글자에 링크거는 방법입니다. 따라오세요.

 

▲글자에 링크주소거는 방법!

 

블로그나 인터넷 커뮤니티에 글을 자주 쓰시나요? 글 내용 중간에 인터넷 주소를 첨부하거나 혹은 더 나아가서 특정한 문자에 하이퍼링크를 거는 방법(주소를 첨부하는 방법)을 알고싶나요?

 

그렇다면 잘 찾아오셨습니다. 제가 블로그를 운영하면서 공부하고 습득한 내용을 정리해서 손쉽게 사용할 수 있도록 알려드리겠습니다.

 

 

 

 

 

 

 

 

 

 

글자에 원하는 주소를 새창으로!

 

▲위 영상같은 방법을 찾는 거죠?

 

위 gif 파일처럼 특정 글자에 원하는 인터넷 주소를 링크하는 방법이 궁금하신거겠죠? 방법은 쉽습니다. 인터넷에 대해서 잘 몰라도 간단한 방법만 숙지하시면 되니까요.

 

이제 방법을 설명드릴텐데요. 방법에는 정석과 야매 2가지 방법이 있습니다. 다시말해서 원리와 방법이라고 볼 수있겠죠. 사실 방법 자체는 간단한대 원리가 포함되어야 장기적인 관점에서 쓸모가 있다고 생각합니다. 방법과 함께 원리(?), 이유를 함께 첨부했으니 길더라고 정독해주시길 바랄께요.

 

 

 

 

 

 

 

 

 

 

링크거는 법을 알아봅시다.

 

 

▲메모장에서 위 방법대로 실천해보자.

 

우선 메모장을 하나 켜주세요. 제가 알려드리는 방법을 하나씩 따라해보세요. 저는 위 사진을 바탕으로 단계적으로 설명드리겠습니다.

 

#1 하이퍼링크를 입히고자 하는 문자를 입력해주세요. 저는 처음 보여드린 영상처럼 구글 홈페이지로 이동하기! 를 입력해서 링크가 걸린 텍스트를 만들어 보겠습니다.

 

#2 문자의 앞뒤에 <a>, </a>를 입력해주시면 됩니다. 이것을 태그라고 합니다. 특히 이 a태그는 HTML 그 자체라고 할 수 있는 핵심적인 기능입니다. 이로써 링크기능을 부여했습니다. 하지만 아직 연결되는 인터넷 주소가 없어서 반쪽짜리에 불과합니다. 다음으로 갑시다.

 

#3 href를 통해서 주소를 연결해주어야 합니다. href="" 이라고 입력하시고 ""사이에 정확한 웹 주소를 넣어주셔야합니다. 저는 구글 주소를 복사 붙여넣기로 넣어줬습니다. 사실 여기서 완료이지만 보통 추가적인 기능을 하나 더 넣어줍니다. 다음으로 가시죠.

 

 

#4 target="_blank"를 넣어주셔야 합니다. 해당 기능이 없으면 홈페이지 자체가 연결된 주소로 넘어갑니다. 이 기능이 있다면 새창을 띄어주면서 주소로 연결해주니 편리하죠. href과 target 앞 뒤 순서가 바뀌어도 상관없습니다.

 

#5 메모장에서 완성된 <a>~~불라불라~~</a>를 복사해서  글쓰기에서 HTML 모드로 진입하신뒤 원하는 구간에 삽입해주시면 됩니다. 이후 HTML모드를 나온 뒤 미리보기를 해보시면 원하는 기능이 구현되어 있을 겁니다.

 

 

 

 

 

 

 

 

 

 

링크를 어디에 넣을지 모르겠면?

 

▲위 gif 영상을 익혀보자.

 

HTML이 아직 익숙하지 않으면 복사한 내용을 어디에 넣어야 할지  감이 안잡힐 수 있죠. 위 영상처럼 글을 쓰다가 링크를 넣고 싶은 곳에서 HTML모드로 접속하여 넣으시면 됩니다. 링크 또한 글자처럼 글씨크기, 중앙정렬이 가능합니다.

 

 

나중에 숙달되시면 대충 HTML을 보시면 문장 구조가 해석이 될거에요.(사실상 띄어쓰기 <p>,</p>태그만 구분하시면 됩니다.) 구조가 보이면 원하는 위치에 알맞게 활용할 수 있으실 거에요.

 

축하드립니다. 오늘 HTML의 핵심 태그인 a태그에 대해서 배우셨네요. 복잡해보이지만 생각보다 간단합니다. 그럼 저는 포스팅을 마치고 다양한 태그, 유용한 블로그 잡기술로 찾아뵙겠습니다. 궁금증은 댓글로 남겨주세요~.