웹 사이트에 Favicon을 추가하는 방법

이 강좌에서, 우리는 HTML을 사용하여 웹 페이지에favicon을 추가하는 절차를 소개할 것이다.당신의favicon을 위해 당신이 좋아하는 그림을 사용할 수 있지만, 간단하고 대비도가 높은 이미지는 일반적으로favicon의 작은 사이즈에 가장 적합하다는 것을 기억하십시오.favicon.cc 등 사이트를 통해 사용자 정의favicon을 생성할 수 있습니다.
favicon은 웹 제목 왼쪽에 있는 브라우저 옵션 카드에 있는 작은 그림입니다.다음 그림은favicon의 위치를 보여 줍니다.

사이트에 favicon을 추가하려면 프로젝트 디렉터리에 images 라는 폴더를 만들고 (아직 없으면) 필요한 favicon 이미지를 이 폴더에 저장하십시오.만약 사진이 없다면, 저희가 프레젠테이션 사이트에서 위탁 관리하는 사진Sammy the Shark image을 다운로드해 주십시오.(HTML을 사용하여 웹 페이지에 이미지를 추가하는 방법에 대한 복습은 본 시리즈의 강좌 앞의 강좌HTML Images를 방문하십시오.
다음 요소(아래 강조 표시)를 요소 바로 아래<link> 파일에 추가합니다.이제 코드는 다음과 같습니다.

...
<title> Sammy’s First Website </title>
<link rel="shortcut icon" type="image/jpg" href="Favicon_Image_Location"/>
...

favicon 이미지의 상대 파일 경로로 교체해야 합니다 index.html.<title> 파일을 저장하고 웹 브라우저에 다시 불러옵니다.브라우저 옵션 카드에favicon 이미지가 포함되어 있어야 합니다.
HTML을 사용하여 favicon 이미지를 웹 사이트에 추가하는 방법을 알아야 합니다.