HTML 파일을 작성하고 브라우저에서 확인하는 작업 흐름을 배웁니다.
편집기는 코드를 작성하는 도구이고 브라우저는 그 코드를 해석하는 도구입니다. 일반 파일은 .html 확장자로 저장하며 수정 후 새로고침해서 결과를 확인합니다.
h1과 p 한 쌍뿐인 문서이고 p의 문장이 곧 이번 실습의 지시문입니다. 이 내용이 흰 카드처럼 화면 가운데 놓이는 것은 CSS 탭의 .demo 규칙 덕분인데, width: min(560px, 100%)가 폭을 560px 이하로 묶고 margin: 0 auto가 남는 좌우 공간을 똑같이 나눕니다.
파일은 UTF-8 인코딩으로 저장하고 head에 meta charset=utf-8을 넣어야 한글이 깨지지 않습니다. 사이트의 첫 페이지 파일을 index.html로 지으면 대부분의 웹 서버가 폴더 주소로 들어온 요청에 이 파일을 기본 문서로 돌려줍니다.
워드 문서처럼 서식 있는 형식으로 저장하거나 확장자를 .txt로 두면 HTML 페이지로 열리지 않을 수 있습니다.
직접 바꿔보세요문단을 하나 복사해 서로 다른 문장으로 바꾸고 실행하세요.