FrontEnd

[ Html ] Title 이미지(Image) / 아이콘(Icon) 적용하는 방법

SangHoonE 2021. 10. 5. 18:05

 

안녕하세요 상훈입니다.

웹페이지에서 title에 적혀져 있는 icon 혹은 image를 변경하는 방법을 포스팅하겠습니다.

 

title 영역에 이미지/icon 표시

 

기본 Format

<link href="이미지경로" rel="shortcut icon" type="image/x-icon">

 

예시)

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> title name </title>
    
    <link href="../images/image-example.png" rel="shortcut icon" type="image/x-icon">
    
</head>

 

직접 이미지를 다운로드 받아 경로에 넣고 링크를 해주었습니다. 

 

감사합니다.

반응형
저작자표시 (새창열림)