종류 Universal → * type → Tag (div) ID → #id Class → .class State → : Attribute → [] 사용법 selector { property: value; } 예제 fist second hello button 1 button 2 naver google empty * { /* Universal */ color: green; } li { /* type */ color: pink; } #special { /* ID */ color: blue; } .red { /* Class */ width: 100px; height: 100px; padding: 20px 0px 20px 0px; /* 시계 방향으로 줄여서 사용가능 */ background: gold; marg..

https://jsbin.com/?html,output JS Bin Sample of the bin: jsbin.com

https://validator.w3.org/ The W3C Markup Validation Service Validate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. validator.w3.org : validate by Direct Input 탭에 내 코드를 복사붙여넣기해서 check를 누르면 검증을 해준다.

구글에서 mdn html으로 검색한다. 여기서 업데이트된 html 정보를 확인할 수 있다. HTML elements에 들어가면 태그의 사용법,속성값 등의 정보를 볼 수 있다. https://developer.mozilla.org/ko/docs/Web/HTML HTML: Hypertext Markup Language | MDN HTML(HyperText Markup Language)은 웹을 이루는 가장 기초적인 구성 요소로, 웹 콘텐츠의 의미와 구조를 정의할 때 사용합니다. HTML 이외의 다른 기술은 일반적으로 웹 페이지의 모양/표현 (CSS), 또는 기 developer.mozilla.org Document and website structure 직접 들어가서 영어로 읽어보자. 웹사이트 구조에 대해서 ..

1. html 태그 모르는거 보면서 하기 https://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML elements reference - HTML: HyperText Markup Language | MDN This page lists all the HTML elements, which are created using tags. developer.mozilla.org 2. 무료 아이콘 코드 카피해서 사용하기 https://fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. Mo..

https://fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 부트스트랩처럼 사용하면 됨. 무료 아이콘만 가능