HTML이란 무엇인가 — 마크업 언어의 뜻과 브라우저가 화면을 그리는 순서
HTML은 계산하는 프로그래밍 언어가 아니라 내용에 의미를 표시하는 마크업 언어입니다. 브라우저가 파일을 받아 화면을 그리기까지의 다섯 단계와 CSS·자바스크립트의 역할 분담을 정리합니다.
웹 페이지의 뼈대를 만드는 HTML 기초 강좌입니다.
HTML은 계산하는 프로그래밍 언어가 아니라 내용에 의미를 표시하는 마크업 언어입니다. 브라우저가 파일을 받아 화면을 그리기까지의 다섯 단계와 CSS·자바스크립트의 역할 분담을 정리합니다.
DOCTYPE부터 head와 body까지 문서 골격을 한 줄씩 해부하고 태그·요소·속성 용어를 구분합니다. 블록과 인라인의 차이, header와 main 같은 시맨틱 태그로 뼈대를 세우는 법도 다룹니다.
입문자가 흔히 쓰는 잘못된 코드와 올바른 코드를 나란히 놓고 차이를 짚습니다. 제목 h1~h6의 계층 규칙, p와 br의 구분, 강조와 인용 태그, 목록 세 가지와 중첩 방법을 익힙니다.
빈 파일에서 시작해 강좌 소개 페이지 한 장을 다섯 단계로 쌓아 올립니다. a 태그와 경로 구분, 앵커 이동, img의 alt와 반응형 처리, figure와 오디오·비디오까지 순서대로 다룹니다.
수강 신청 페이지 코드를 조각별로 보여 주고 필요한 부분만 확대해 설명합니다. table의 뼈대와 colspan, form의 action과 method, label 연결과 input type, 검증 속성을 정리합니다.