>웹 프론트엔드 >HTML 튜토리얼 >웹사이트 브라우저 앞에 작은 아이콘을 표시하는 방법 URL_HTML/Xhtml_웹페이지 제작

웹사이트 브라우저 앞에 작은 아이콘을 표시하는 방법 URL_HTML/Xhtml_웹페이지 제작

WBOY
WBOY원래의
2016-05-16 16:41:041527검색

많은 웹사이트를 탐색할 때 브라우저의 주소 표시줄 앞에 작은 아이콘이 있고 브라우저 탭에도 작은 아이콘이 있습니다. 예를 들어 Baidu, Tencent 및 기타 웹사이트에는 이러한 아이콘이 있습니다. 귀하의 웹사이트에 이와 같은 작은 아이콘을 추가하시겠습니까? 이 작은 아이콘을 사용하면 귀하의 웹사이트가 다른 사람들의 웹사이트보다 더 눈길을 끌고 다른 사람들의 관심을 끌 수 있습니다.
PHOTOSHOP, FLASHFXP, 메모장
ico 형식의 작은 아이콘을 만들어야 합니다
단계/방법:
1. PHOTOSHOP을 사용하여 너비와 높이가 32픽셀인 작은 아이콘을 만들고 저장합니다. 완료 후 ico 형식일 수 있습니다.
2. 만일의 경우를 대비해 FLASHFXP를 사용하여 웹페이지를 로컬 컴퓨터에 다운로드하고 백업 복사본을 만드세요.
3. 웹페이지 소스코드의 헤드 부분을 찾아 헤드 부분에 다음 코드를 삽입합니다. 참고로 href에 있는 주소는 ico 아이콘이 저장되어 있는 주소입니다. 웹사이트.

4. 수정된 웹페이지 파일을 가상호스트에 업로드한 후, 완성된 ico 파일을 가상호스트의 이미지 웹사이트 디렉토리에 저장합니다.
5. 완료! IE 브라우저를 열고 웹사이트 주소를 입력하여 시도하시겠습니까? 이미 작은 아이콘이 있나요?
작은 아이콘의 형식은 ico 형식이어야 하며, 너비와 높이가 모두 32픽셀입니다.
위 단계를 수행한 후에도 작은 아이콘이 보이지 않으면 IE 브라우저의 캐시를 지우고 정리하시기 바랍니다. 캐시가 완료되면 작은 아이콘을 볼 수 있습니다.
작은 아이콘의 저장 위치는 코드 내 저장 위치와 일치해야 하며, 그렇지 않으면 표시되지 않습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.