하이퍼텍스트와 속성

Hyper Text 라는 것은 텍스트와 텍스트가 연결되어 있는것으로 쉽게 말해 링크를 의미한다.

<a> 태그 사용 :

동해를 클릭하면 위키피디아의 동해 문서로 링크되도록 하기.

a.html

<a>동해</a>물과 백두산이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

웹 브라우저 (뷰어) a.html

동해물과 백두산이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

<a>태그는 대상이 링크라는 의미를 갖고있다.

그러나 동해에 <a> 태그를 달아서 실행시켜보면 아무런 변화가 없다.

동해가 링크라는 사실을 웹 브라우저가 해석했지만 어디에 대한 링크인지 정보가 불충분하여 링크로 만들지 못한것이다. 

<a> 태그의 href 속성 사용. :

a.html

<a href="https://ko.wikipedia.org/wiki/%EB%8F%99%ED%95%B4">동해</a>물과 백두산이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

웹 브라우저 (뷰어) a.html

동해물과 백두산이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

링크를 만들기 위해서

어떤 부부이 링크인지 구분하기 위한 <a> 태그를 사용하고

어디에 대한 링크인지 알려주기 위한 href 속성을 사용한다. 

시작 태그 안쪽에 속성명과 속성값을 적어주면 속성이 설정된다.

<a> 태그의 target 속성 사용 :

새창으로 링크를 연다.

a.html

<a href="https://ko.wikipedia.org/wiki/%EB%8F%99%ED%95%B4" target="_blank">동해</a>물과 백두산이 마르고 닳도록, 하느님이 보우하사 우리 나라 만세

예제와 같이 속성을 사용한다.

정리 :

속성을 사용하여 태그의 이름만으로는 정보가 불충분한 기능을 위해 추가적인 정보를 제공할 수 있다.