HTML 태그의 제왕

우리는 지금까지 문서를 만드는 법을 충분히 자세히 살펴봤다.

태그를 결합하는 법과 빈도수가 절대적으로 높은 태그를 봤다.

 

이 수업에는 두 개의 혁명적 순간이 있다.

하나는 태그라는 문법을 배운 순간이고

또 하나는 지금부터 설명드릴 태그를 알게 된 순간입니다.

 

태그가 웹의 왕국이라면 지금부터 설명드릴 태그는 이 왕국의 제왕입니다.

이 태그는 무엇일까요?? 이 태그가 없다면 검색엔진은 존재하지 않습니다.

이 태그는 도시의 길과 인체의 혈관과 같다. 기타 여러 말씀을 하셨다.

이 태그는 바로 anchor의 첫글자를 딴 <a> 태그입니다.

무슨 역할을 하는 태그일까요?? 

바로 링크 입니다.

이 링크를 현재 만드는 중인 웹페이지에 적용을 해보겠습니다.

이 글에다가 Html의 공식 사용설명서를 링크를 걸겠습니다.

사용설명서를 찾을 때는 html specification이라고 검색을 해보자.

검색을 해서 찾은 문서가 바로 이 링크이다.(영상보다 최신인 것 같다.)

https://www.w3.org/TR/html51/

HTML 5.1 2nd Edition

링크를 걸고 싶은 부분에다가 <a>태그로 감싸면 된다.

이렇게만 하면 정보가 부족해서 링크가 걸리지 않습니다.

그래서 해당 링크를 복사해서 속성으로 적어줍시다.

이렇게 작성을 해주면 홈페이지에 링크가 걸린 것을 확인할 수 있습니다.

그리고 링크를 클릭 했을 때 새로운 탭이 열리게 하고싶다면 아래 사진처럼 하면 됩니다.

그러면 새로운 탭에서 열리는 것을 확인할 수 있습니다.

그리고 만약 링크를 클릭하기 전에 무엇인지 알려주고 싶다면 이것을 추가해주면 됩니다.

링크에 마우스를 올리게 되면 title에 적어놓은 문자가 보이게 됩니다.