Reviewer 김c

반응형

안녕하세요. 김c입니다.

오늘은 html5에서 가장 중요한 앵커태그인 하이퍼텍스트(Hypertext) 는 어떠한 지정된 웹페이지로 이동을 하게 해주는 중요한 역할을 하는 태그입니다.

이렇게 웹페이지와 웹페이지를 이동하게 해주는것은 앵커태그<a> 를 글자에 입혀주면 되는데 그냥은 되는게 아닙니다.

이 <a>태그에는 href라는 속성이라는것을 같이 사용해서 이동하는 페이지의 웹페이지 주소를 넣어줘야 우리가
마우스로 클릭을 하였을때 반응을 보이면서 작동을 합니다.

비쥬얼스튜디오로 간단한게 입력한 코딩화면입니다.
중간부분에 보면 <a href="-----">네이버</title> 라고 되어 있는데 실제적으로 우리가 화면에 보이는건
네이버 쿠팡으로 이동하기 이 글자만 보입니다.
바로 아래 이지미처럼 말이죠.

하지만 이렇게 되면 헷갈릴수도 있습니다. 그래서 줄바꿈 태그를 넣어줘서 "네이버", " 쿠팡으로 이동하기"
이렇게 줄바꿈을 해줄수 있습니다.
그것은 바로 <br>태그라는것인데 우리가 노트에 글을 쓰다가 끝에 가면 줄을 바꾸듯이 

위 이미지를 보면 6번째 줄 끝에 <br>이라는 태그를 넣어 줌으로써 위위 이미지처럼 한줄로 보이는게
다음이미지처럼 2줄처럼 보이는것이죠.

이런식으로 보이게 되죠...
네이버와 쿠팡으로 이동하기를 누르면 해당페이지로 이동이 되는것이지요.
이렇듯 html과 자바스크립트 css 등 여러가지를 조합해서 하나의 웹페이지가 만들어지는것이지요.
우리가 흔하게 사용하는 쇼핑몰 홈페이지는 무수희 많은 코딩과 이미지가 이렇게 앵커태그를 통해서
링크가 걸려 있는것입니다.

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading