영어공부

How To Add Icons

2020. 1. 9. 20:26
목차
  1. Font Awesome Icons
  2. Bootstrap Icons

The simplest way to add an icon to your HTML page, is with an icon library, such as Font Awesome.

Add the name of the specified icon class to any inline HTML element (like <i> or <span>).

All the icons in the icon libraries below, are scalable vectors that can be customized with CSS (size, color, shadow, etc.)

 

너의 html page에 icon을 추가하는 가장 쉬운방법은 font Awesome 과 같은 library 이다.

 

<i> 나 <span> 과 같은 html 요소안에 명시된 icon class의 이름을 추가하라.

아래의 icon libraries안의 모든 아이콘들은 크기 조정가능한 벡터들이다. 

 

Font Awesome Icons

To use the Font Awesome icons, go to fontawesome.com, sign in, and get a code to add in the <head> section of your HTML page:

yourcode.js"></script>

Read more about how to get started with Font Awesome in our Font Awesome 5 tutorial.

Note: No downloading or installation is required!

 

font Awesome 아이콘들

 

font Awesome 아이콘을 사용하기 위해선 fontawesome.com으로 가라. 회원가입하고, 너의 html page head 구역에 추가하기 위한 코드를 얻어라

 

Bootstrap Icons

To use the Bootstrap glyphicons, add the following line inside the <head> section of your HTML page:

 

Note: No downloading or installation is required!

 

 

부트스트랩 icon

부트스트랩 그래픽 아이콘을 사용하기 위해선 너의 html 페이지 head 구역의 아래의 코드를 추가하라

download나 설치가 필요하지 않음

'영어공부' 카테고리의 다른 글

CSS Lists  (0) 2020.01.11
CSS Links  (0) 2020.01.11
CSS Fonts  (0) 2020.01.09
CSS Text  (0) 2020.01.08
CSS Outline  (0) 2020.01.08
  1. Font Awesome Icons
  2. Bootstrap Icons
'영어공부' 카테고리의 다른 글
  • CSS Lists
  • CSS Links
  • CSS Fonts
  • CSS Text
jeongsu
jeongsu
박정수가 공부한 자료를 남기기 위한 블로그
jeongsu
Park_jeong_su
jeongsu
전체
오늘
어제
  • 분류 전체보기 (255)
    • 제조산업 (11)
      • MES (8)
      • 반송 (0)
      • ERP (1)
    • dev (93)
      • 스프링 (2)
      • 데이터베이스 (20)
      • 프로그래밍 (6)
      • 알고리즘 (3)
      • Network (2)
      • trouble shooting (5)
      • 개인 프로젝트 (9)
      • 기타 (46)
    • 박정수 (85)
      • 자기소개 (1)
      • diary & 일상생활 (77)
      • 해외생활 - 중국편 (2)
      • 회고 (4)
    • 영어공부 (51)
    • 유용한 사이트 모음집 (13)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • Gin
  • 스마트팩토리 전망
  • java
  • RMS란
  • w3cSchool
  • JPA
  • 비트코인
  • 회고
  • MES 개발
  • 어차피 뒤짐
  • 본질이 존재할까?
  • oracle
  • MES 개발자를 하면 안되는 이유
  • tutorial
  • MES 전망
  • ERP
  • MES란
  • vscode
  • MES 란
  • MES의 어려움
  • 에임시스템
  • coffee-bytes
  • MES 개발자
  • mermaid js
  • mes
  • spring
  • MES 도망쳐
  • 협업프로그램
  • 배움의 목적
  • recipe management system

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.1.4
jeongsu
How To Add Icons
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.