작업/웹 개발2 제2장 – 텍스트 & 제목 태그 배우기: <p>, <h1>~<h6> 한눈에 정리 웹 페이지에서 정보를 전달할 때 가장 먼저 사용하는 요소는 “문단”과 “제목”입니다. 지금부터 HTML의 대표적인 텍스트 태그인 와 ~ 태그를 어떻게 쓰고, 언제 사용해야 하는지 예제와 함께 살펴보겠습니다. 올바르게 사용하면 문서 구조가 명확해져 접근성과 SEO에도 큰 도움이 됩니다.1. 태그: 문단 단위로 텍스트 묶기 태그는 “paragraph”의 약자로, 하나의 독립된 문단을 나타냅니다. 브라우저는 기본적으로 앞뒤에 여백(margin)을 주어 읽기 쉽게 렌더링합니다.이것은 첫 번째 문단입니다. 문단별로 의미 단위가 바뀔 때마다 태그로 묶어 주세요.HTML 태그를 잘 사용하면 코드도 깨끗해지고, 검색엔진이 콘텐츠를 더 잘 이해합니다.2. ~ 태그: 제목 계층 구조 설계제목 태그는 문서의 구조를 트리.. 2025. 4. 28. 제 1장 - HTML 기본 구조 완전 정복 : 왕초보도 쉽게 이해하는 첫 걸음 웹 개발의 첫걸음은 ‘HTML 문서의 뼈대’부터 배우는 것입니다. 아무리 멋진 디자인이나 화려한 스크립트를 추가해도, 기본 구조가 잘못돼 있으면 페이지가 제대로 표시되지 않거나 검색엔진에 노출되지 않습니다. 이 장에서는 왕초보도 한눈에 이해할 수 있도록 HTML5 표준 문서의 필수 요소들을 차근차근 살펴보고, 간단한 예제 코드를 통해 직접 구조를 만들어 보겠습니다.1. 선언HTML5 문서 최상단에 반드시 추가해야 하는 선언문입니다. 브라우저에게 “이 페이지는 HTML5 표준을 따릅니다”라고 알려 주어, 최신 렌더링 모드로 문서를 표시하도록 합니다. 만약 이 선언이 빠지면 브라우저는 호환 모드(Quirks Mode)로 동작해 레이아웃이 깨지거나 의도치 않은 동작이 발생할 수 있습니다.2. 요소 태그는 .. 2025. 4. 28. 이전 1 다음
