https://www.w3schools.com/icons/icons_reference.asp
Icons from Font Awesome, Bootstrap and Google
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
위 사이트를 참고하여 html에 아이콘을 추가해보자
HTML4·5 버전
검색어 : coffee
추가할 페이지의 head 태그 안에 추가한다.
추가하고 싶은 위치에 추가한다.
참고로 HTML5 버전 이외에는 모두 link태그를 사용한다.
Bootstrap 버전
검색어 : map
head 태그 안에 추가
추가하고 싶은 위치에 추가한다.
Google 버전
검색어 : favorite-border
head 태그 안에 추가
추가하고 싶은 위치에 추가한다.
'Front End > CSS' 카테고리의 다른 글
[CSS] 스크롤 부드럽게 이동하기 (1) | 2023.12.08 |
---|---|
[CSS] padding (0) | 2023.09.22 |
[CSS] text-로 시작하는 글자 속성들 (0) | 2023.09.17 |
[CSS] font -로 시작하는 글자 속성들 (0) | 2023.09.17 |
[CSS] span 태그와 css 연결하기 (0) | 2023.09.17 |