A sentimental robot

태그는 사용자의 입력을 표현한다. 태그는 컴퓨터 시스템의 출력을 표현한다. 태그는 단편적인 컴퓨터 코드를 정의한다. 세 태그 모두 브라우저에서 monospace font로 보여준다. 태그는 변수를 정의한다. 수학적 표현이나 프로그래밍 코드에서의 변수를 표현하고 싶을때 쓸 것 같다.... (솔직히 이 태그 안쓰일듯)

반응형 웹을 만들기 위한 기초 다기지! 크기를 퍼센트로? 이미지의 너비를 100%로 준다면 이미지는 유연하게 된다. 뷰포트의 너비까지 맞춘다는 뜻. 그렇게 때문에 이미지가 원래의 크기보다 더 커질 수도 있다는 점을 주의해야 한다. 대신에 max-width를 100%로 주면 이미지 너비를 최대100%로 잡겠다라는 뜻. 이미지가 원래의 크기보다는 커질 일이 없다. 폰트 사이즈 단위로 vw (viewport width) 폰트 사이즈가 뷰포트의 너비에 따라 움직인다. 1vm는 뷰포트 너비의 1%, 뷰포트의 너비가 50cm라면 1vm은 0.5cm가 된다. 미디어 쿼리 미디어 쿼리를 사용하면 다양한 브라우저 사이즈에 따라 다른 스타일을 적용할 수 있다. 뷰포트의 너비가 800픽셀 이하일때는 각 요소의 너비가 100..

웹 페이지를 구성할 때 요소들에게 자신이 태어난 이유에 걸맞는 역할을 부여해야 한다. (semantic) 이 얼마나 존재론적인가! HTML태그들도 다 태어난 이유가 있다고! 말이 semantic이지 별거 없다. 그냥 헤더 태그는 문서의 헤더 역할을 하려고 탄생했으니까 문서의 헤더를 정의해야 할때는 헤더 태그를 써라, 이거다. 태그 문서의 맨 윗부분에 위치한다. 웹 사이트의 이름, 글로벌 링크 - 로그인, 회원가입, 언어 선택 등 웹 사이트의 어떤 페이지에서도 사용할 수 있는 링크를 포함한다. 태그나 태그의 제목으로도 사용한다. 태그는 navigation bar 즉 ,링크들의 리스트를 담는 컨테이너를 정의한다. 페이지의 메뉴를 표현한다. 태그를 사용한다. 태그는 페이지 내용의 구조와 흐름을 만든다. 페이지..

iframe은 웹페이지 안에 또다른 웹페이지를 넣고 싶을 때 사용한다. iframe은 기본적으로 테두리를 그린다. iframe의 name 속성을 정의하면 링크를 걸 수 있는 타켓이 될 수 있다.