chapter★★★★★난이도 · 약 120분
HTML 기초
웹의 작동 원리 · HTML 문서 구조 · 제목/문단/목록 · 링크/이미지 — 웹 페이지의 뼈대를 세운다.
#HTML#웹#태그#기초
왜 배우는가
모든 웹 페이지는 HTML로 시작한다. 브라우저가 읽는 '설계도'를 이해하면 CSS, JavaScript, React까지 자연스럽게 확장할 수 있다.
Topics · 07
레슨 단위로 펼쳐 보기
- TOPIC · 13 · 01★★
웹은 어떻게 작동하는가?
브라우저가 서버에 요청하고, 서버가 HTML을 응답하고, 브라우저가 렌더링한다.
15min·3drillsREAD → - TOPIC · 13 · 02★★
HTML 문서의 뼈대
DOCTYPE, html, head, body — 모든 HTML 문서의 필수 뼈대 4가지.
15min·3drillsREAD → - TOPIC · 13 · 03
제목과 문단으로 말하기
h1~h6 제목 태그, p 문단, br 줄바꿈, hr 수평선 — 콘텐츠에 구조를 부여한다.
15min·3drillsREAD → - TOPIC · 13 · 04
텍스트를 강조하는 법
strong, em으로 의미적 강조. 인라인 요소와 블록 요소의 차이를 구분한다.
15min·3drillsREAD → - TOPIC · 13 · 05
목록으로 정리하기
ul(순서 없음)과 ol(순서 있음), li 항목 — 정보를 깔끔하게 나열한다.
10min·3drillsREAD → - TOPIC · 13 · 06
링크로 세계 연결하기
a 태그와 href 속성으로 하이퍼링크를 만든다. 절대 경로 vs 상대 경로.
10min·3drillsREAD → - TOPIC · 13 · 07
이미지로 말하기
img 태그로 이미지를 삽입하고, alt 속성으로 접근성을 챙긴다.
15min·3drillsREAD →
