Pseudo-elements (가상 요소) ::after ::first-letter ::placeholder ::before ::first-line ::selection ::backdrop ::grammar-error ::slotted() ::cue ::marker ::spelling-error ::cue-region ::part() 1. ::after 선택한 요소의 맨 마지막 자식으로 요소 하나를 생성합니다. 기본 값은 inline 입니다. hi 결과 ↓ 2. ::before 선택한 요소의 맨 앞 자식으로 요소 하나를 생성합니다. 기본 값은 inline 입니다. hi 결과 ↓

우선 구글 폰트 사이트로 이동 해줍니다 ~! 구글 폰트 사이트 주소 : https://fonts.google.com/ 그중 마음에 드시는 폰트를 선택 후 (저는 아래와 같이 Edu SA Beginner 폰트를 선택해 보았습니다!) Styles에 보시면 글자의 두께 별로 선택할 수 있는데 저는 400두께를 선택해서 진행 해보겠습니다 ! 그럼 아래 그림과 같이 오른쪽 부분 Selected Family부분에 선택한 글꼴에 대한 내용이 나오게 됩니다. 그럼 이제 구글 폰트를 적용 시켜 보겠습니다. 구글 폰트 적용 방법 2가지 1. 위의 사진에서 태그 드래그 후 HTML파일에 부분에 적용 시켜 줍니다. 적용할 텍스트의 style내용안에 구글 폰트 에서 제공해주는 font-family 내용을 복사하여 붙여 주어 적..

1. A(Anchor) A태그는 의미 없는 단순 텍스트 혹은 하이퍼링크(Hyper Link)를 설정하기 위해 사용합니다. - href 속성 : 해당 속성의 요소를 클릭하면 해당 요소의 링크 주소로 이동합니다. ex) 해당 태그를 클릭했을 시 네이버로 이동합니다. => 해당 태그를 클릭했을 시 네이버로 이동합니다. - target 속성 : 해당 링크를 어디에서 열지 지정합니다. - 해당 속성 관련 요소 _self : 현재 탭(tab)에서 링크를 오픈합니다.. 현재 탭에서 네이버 사이트를 오픈합니다. _blank : 새로운 탭(tab)에서 링크를 오픈합니다.. 새로운 탭에서 네이버 사이트를 오픈합니다.