웹이 세상에 나타나고 최근 몇년 간 웹의 세계는 빠르고 정신없이 변화하고 있다.웹 기술도 무엇인가 순식간에 나타나 시장을 휘어잡다 언제 그랬냐는듯 없어지고 만다.시간이 흘러 브라우저를 열고 사이트에 들어가면 보여지는 (UI:User Interface)와 할 수 있는 것

html에 이미지 삽입시 이미지 경로가 헷갈렸던 부분이 많아, 따로 정리를 하고자 한다.절대 경로절대경로란, 아마 지정되어 있어 변경할 수 없는 경로를 뜻한다.페이지 안에 다른 서버에 있는 이미지나 페이지 등의 파일을 연결 시킬때 사용한다.ex) <a href="

크롬이나 익스폴로러와 같은 브러우저들은 기본적으로 개발자도구라는 툴을 제공해준다.이러한 툴들은 브라우저마다 차이가 있지만 대부분 하는 일은 비슷하다.개발자도구를 사용하는 이유는 HTML,CSS,Javascipt와 같은 언어들은 서버로부터 컴파일이 되어져서 실행되는것이

자바스크립트에서 가장 중요한것을 두 개 뽑으라고 하면 if문,for문을 들 수 있다.그만큼 중요하고 많이 쓰이는 문법이다.만약 for문이 없다면 어떨까? 예를 한번 들어보자.위 예제와 보이는 거처럼 if문을 여러번 사용하여 저렇게 반복해야 한다.예제에서는 몇개 안되서

대부분의 HTML element는 block 이다.block 속성은 inline과는 달리 한 줄에 나열되지 않고 그 자체로 한 줄을 완전히 차지한다. 예를 들어, header, footer, p, li, table, div, h1 등이 모두 block 요소에 해당하는

css를 접하다보면 레이아웃이라는 개념이 굉장히 중요한데, 이번 시간엔 레이아웃을 잡는 데 사용하는 프로퍼티 중 float에 대해 알아보자.float는 주로 이미지 주변에 텍스트를 감싸기 위해 만들어진 프로퍼티이다.더 자세하게 예를 들면 본문 중간에 이미지를 넣고, 이

웹과 기술이 발전해나가면서, 웹 문서를 더 이쁘게 꾸미기 위해 레이아웃이 복잡해지기 시작하고 그에 따라 property도 발전되고 변하고 있다.그렇기에 이번엔 CSS에서 좀 더 복잡한 레이아웃을 만들기 위해 사용되는 position속성에 관해 알아보자.position