html 하이퍼링크 거는법과 색 변경까지 총정리

안녕하세요 오늘도 html 태그를 알아보도록 하겠습니다 이번에 알아볼 내용은 html 하이퍼링크 거는 방법인데요 컴퓨터에서 글자나 이미지를 누르면 다른 사이트로 이동하는 기능을 보신적이 있으실 겁니다 하이퍼링크가 걸려있으면 커서를 가져다 대시면 손가락 표시가 뜨게 되는데요 보통 링크 버튼은 파란색으로 표시되지만 이것도 원래는 자신이 원하는 색상으로 직접 만들어줄수 있답니다 ㅎㅎ 자 그럼 어떻게 하는 것인지 바로 알아봐야 하겠지요 아래 그림을 천천히 따라진행해 주시면 되겠습니다~

먼저 저는 항상 태그를 설명드릴때 JS Bin 사이트를 이용하는데요 여러모로 참편리한것 같습니다 ㅎㅎ 왼쪽이 html 항목이고 오른쪽이 실제로 보여지게 되는 부분입니다 하이퍼링크 태그는 <a> 인데요 href 다음에 원하는 사이트 주소를 입력하셔서 링크를 만들어 주시면 되겠습니다 위에서 간단하게 html 하이퍼링크를 만들어봤습니다 간단하게 D사 공식 홈페이지를 걸어봤습니다 ㅎㅎ 너무 간단하지요

하지만 여기에서 조금 이상한 점을 느끼셨을 수도 있는데요 바로 위에 방식대로 링크를 만들어서 들어가면 현재의 인터넷창이 바뀌어서 열리게 되는 것을 알 수 있습니다 현재창이 아닌 새창에서 열리게 하고 싶으신 분들은 target 속성을 추가 해주셔야 합니다 위 그림과 같이 target="_blank" 를 추가해주시면 새창으로 열리게 되는 것이지요 ㅎㅎ

다음으로 html 하이퍼링크 색 변경 방법입니다 처음 생성된 하이퍼링크는 파란색으로 표시되지만 다시 이 링크를 클릭하신다면 보라색으로 바뀌게 됩니다 물론 이것은 어디까지나 기본적으로 셋팅되어 있는 값들이기 때문에 당연히 그런것이라고 알고 계시는 분들도 있으실 겁니다 이제 이것을 내가 원하는 색으로 바꿔주는 작업을 해보도록 하겠습니다 그렇게 어렵진 않은데요 

바로 위에 적어놓은 태그를 그대로 이용해주시면 되겠습니다 그냥 link 같은 경우 링크를 누르기 전의 색깔이고 vlink는 누른 다음 색상 , alink 같은 경우 누른 상태의 글자 색상 입니다 각각 지정해주실 수 있는 것이지요~

html 밑줄 취소선 태그 총정리

html 주석 처리 방법총정리

html 색상표 코드 쉽게 확인하는법

위에 html 태그를 활용해서 위와 같이 제 블로그의 추천글로 넘어가는 하이퍼링크를 걸어보도록 하겠습니다 해당 글을 누르기전에는 빨간색으로, 누르는 중에는 보라색, 누른다음에는 파란색으로 변경해 봤는데요 이제좀 이해가 가시나요 ㅎㅎ 쉽게 따라하실 수 있도록 정리해드리니 참고해보시면 도움이 되실겁니다 

여기까지 html 하이퍼링크 거는 방법과 색 변경 방법까지 알아봤습니다 혹시 html태그 관련 다른 궁금증이나 모르는 점이 있으시다면 하단 포스팅을 참고해주시거나 블로그 검색을 이용하셔서 쉽고 빠른 검색을 이용하시면 되겠습니다~