HTML

웹 페이지를 처음 만들어보려고 하면 세 가지 파일이 등장한다. HTML, CSS, JavaScript. 이 셋은 각자 역할이 다르다.HTML — 내용과 구조 ("여기에 제목이 있고, 그 아래 문단이 있다")CSS — 디자인 ("제목은 파란색, 글자 크기는 24px")J

HTML에서 가장 많이 쓰는 태그들은 대부분 텍스트와 관련된 것들이다. 제목, 문단, 강조, 줄바꿈 — 텍스트를 어떻게 표현하느냐에 따라 태그가 달라진다.<h1>부터 <h6>까지 여섯 단계의 제목 태그가 있다. 숫자가 클수록 글자가 작아진다.<h1>은

웹이 '웹'인 이유는 페이지들이 서로 연결되어 있기 때문이다. 그 연결을 만드는 태그가 <a>고, 텍스트 외에 시각적인 콘텐츠를 넣는 태그가 <img>다. 이 둘은 거의 모든 웹 페이지에서 빠지지 않는다.<a> 태그는 다른 페이지나 위치로 이동하는 하이

메뉴, 순서 있는 단계, 항목 나열. 웹 페이지에서 목록은 생각보다 훨씬 자주 등장한다. 네비게이션 바도 사실 <ul> 목록을 CSS로 가로로 펼쳐놓은 것이다.<ul>(Unordered List)은 순서가 중요하지 않은 항목들을 나열할 때 쓴다. 기본적으로

행과 열로 이루어진 데이터를 표현할 때 표를 쓴다. 시간표, 가격표, 비교표처럼 "이 항목이 저 항목과 어떻게 다른가"를 보여줄 때 특히 유용하다.<table> — 표 전체를 감싸는 태그<tr> — Table Row, 가로 한 줄<th> — Table

로그인 화면, 회원가입, 검색창, 댓글 입력 — 사용자가 무언가를 입력하고 서버로 전송하는 곳이면 어디든 폼이 있다. HTML에서 사용자 입력을 받는 모든 요소가 폼과 관련된 태그들이다.<form>은 입력 요소들을 감싸고, 데이터를 어디로 어떻게 전송할지 정의한다

<div>로만 구성된 페이지와 <header>, <nav>, <main>, <footer>로 구성된 페이지는 브라우저에서 똑같이 보일 수 있다. 하지만 코드의 의미는 완전히 다르다.태그 이름 자체가 콘텐츠의 의미를 담고 있는 태그다. <

HTML 태그를 쓰다 보면 어떤 태그는 항상 새 줄에서 시작하고, 어떤 태그는 글자 옆에 붙어서 따라온다. 이 차이는 CSS를 배우기 전에 꼭 짚고 가야 한다. 레이아웃을 이해하는 기초가 되기 때문이다.가로 전체를 차지하고, 앞뒤로 줄바꿈이 생기는 요소다. 항상 새 줄