거름

가변 그리드 레이아웃 - 1 px 단위의 박스를 % 단위로 바꾸는 것 가변 그리드 공식 (가변 크기로 만들 박스의 가로 너비px / 가변 크기로 만들 박스를 감싸고 있는 박스의 가로 너비px) * 100= 가변 크기의 % 값 HTML 브라우저 width : 1920pxwrap width : 1440px; ->가변 -> (1440/1920)*100 = 70%;container width: 1350px -> 가변 -> (1350/1440)*100 = 93.75% CSS*{margin:0; padding:0;}#wrap{width:70%;/*1440px*/height:500px;margin:0 auto;border:4px solid #000;} .container{width:93.75%;/*1350px*/he..

반응형 웹 기기마다 또는 환경마다 최적화된 웹사이트를 제공 모바일 점유율이 증가하면서 모바일로 인터넷을 사용하는 것이 당연해졌습니다.모바일 웹 또는 반응형 웹을 만들어야하는 것이 기본이 됐습니다. 장점 1. 유지보수가 간편하다. 모바일 웹과 데스크톱 웹, 2개의 웹사이트를 만들게 되면 추가, 수정시 둘 다를 수정해야하지만반응형 웹 경우 하나의 html와 css에서 작업하기 때문입니다. 2. 마케팅에 유리하다. 환경이나 기기에 따라 최적화된 구조로 웹사이트를 변경하여 보여줄 수 있끼 때문에 전달하고자 하는 내용을 확실하게 전달이 가능합니다. 3. 검색 엔진 최적화(SEO - Search Engine Optimize) (검색 엔진 -> 특정 키워드로 검색시 겸색 결과에서 상위권에 나타나도록 관리)모바일 웹 ..

HTML 기본정리 HTML (Hyper-Text-Markup-Language) 제목(tile), 링크(a) 등브라우저에게 각각의 태그와 각 요소가 무엇을 뜻하는지 설명(구분)해주는 언어(태그가 많은 텍스트 문서) 프로그래밍 언어는 아닙니다. 브라우저에게 해당 문서가 html임을 알려줍니다.self-contained태그 - 혼자 열고 닫음 사용자에겐 보이지않고 웹사이트에 관한 필요 정보를 제공 추가 정보 - 브라우저에게 어떤 언어로 작성되었는지 알려줌. - 웹사이트에 대한 설명(사이트 검색시 하단에 보여짐)