HTML 공부 7 - shortcut icon

 

 

 

웹사이트들을 보면 탭 부분에 아기자기한 아이콘들이 들어가있다.

 

 

 

내 html 파일은 그냥 문서 표시만 떠 있다.

 

나도 해보고 싶다

 

 

또 못생긴 오리를 그려봤다

 

저 못생긴 오리 그림 1.png라고 저장하고, html 파일이 있는 폴더에 넣는다

 

    <link rel="shorcut icon" href="1.png"

그리고 html의 head 부분에 다음과 같은 태그를 넣어준다

 

 

 

오리가 아이콘에 생겼다.

 

이미지 파일을 넣어주는거라고 생각해서 src="1.png"라고 쓰면 되지 않을까?

 

라는 생각이 들어서 그렇게도 해봤더니 안되더라.

 

href를 써야하나 보다.

 

이미지 파일 대신에 인터넷에 업로드 된 이미지의 주소를 갖다 써도 상관 없다.