베짱이와 노는 개미

오늘은 웹페이지를 좀더 다채롭게 꾸미기 위한 웹폰트에 대해서 알아보겠다. 웹폰트는 워드나 파워포인트와 같은 프로그램에서의 기능과 달리 폰트 설치없이 사용할수 있다는 장점이 있다. 물론 제공되는 폰트를 사용하기위해서는 https://fonts.google.com/ 에서 활용해야한다. 사용하고싶은 글씨체를 클릭한후 오른쪽 탭에 Use on the web을 보자 Use on the web을 보면 link인지 import인지 선택하는것이 나온다. link를 선택하든 import를 선택하든 그 밑에 있는 코드를 추가해주면 되는것이다 1)link를 선택한경우 html 파일 내 head 태그 안에 표시된 부분을 복사하여 붙여넣는다 2)import를 선택한 경우 2-1)css파일이 html 내부에 있다면 태그안에 넣어..

HTML과 CSS의 차이점에 대해서 간단하게 먼저 알아보자 일단 HTML은 크게 뼈대를 갖추는것과 같다. 그 구조는 다음과 같다 로 이루어진 부분을 태그라고 부르고 태그는 항상 시작과 끝이 짝을 맞춘 상태여야한다. 반면 CSS는 뼈대가 갖춰진 상태에서 세세한 디자인을 꾸미는 요소이다 오늘은 CSS의 적용 방법과 기본적인 사용법에 대해서 알아보겠다. 일단 CSS를 적용하는 방법에는 크게 3가지가 있다. 오늘은 그 중에서태그안에 적용하는 방법을 보겠다.(위의 코드와 함께 참고) 자그럼 CSS가안에 들어가는것인데 이때 CSS디자인 속성을 적용할 대상을 의미하는 선택자 라는 개념이 있는데 이 선택자는 3가지 종류가 있다. HTML태그/클래스 선택자/id선택자 이것들이다. 이 3가지를 한번에 볼수있는 코드를 올려..