html문서에 아이콘 넣어보자
Font Awesome
fontawesome.com (링크 걸어뒀어요.)을
이용하면 쉽게 html에 icon을 넣을 수 있어요.
start Using Free를 눌러줍시다.
밑에 코드가 나옵니다.
저기 빨간 박스안에 버튼을 누르면 코드가 자동 복사 됩니다.
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html lang="kr" dir="ltr"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"> <title></title> </head> <body> </body> </html> | cs |
head태그 안에 붙여넣기 해줍시다.
원하는 아이콘을 검색해서 클릭하면
다음과 같은 화면으로 넘어옵니다.
이번엔 위에 빨간박스 코드를 클릭하면 자동 복사가 됩니다.
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html lang="kr" dir="ltr"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"> <title></title> </head> <body> <i class="fas fa-user"></i> </body> </html> | cs |
자신의 html에 아이콘을 넣고싶은 곳에 넣습니다.
