본문으로 건너뛰기

웹 개발

웹 기초 3 · HTML 활용하기 2

브라우저 검사 기능으로 웹페이지 구조를 읽고 div·span으로 영역을 나누는 방법을 살펴봅니다. display와 Flexbox, 웹 폰트, 여백·크기 단위를 익히며 메일 템플릿을 완성하는 흐름으로 구성했습니다.

자료 수정일 6쪽읽기 약 3분

자료 전체 분량 기준의 예상 읽기 시간이며, 예제 실행과 실습 시간은 별도입니다.

이 자료에서 다루는 내용

  • 브라우저 검사와 페이지 소스 보기
  • div·span으로 콘텐츠 영역 구분
  • display와 Flexbox 정렬 속성
  • 웹 폰트와 여백·크기 단위
  • 메일 템플릿 레이아웃 실습

이런 분께

HTML 기본 태그를 익히고 CSS 배치와 템플릿 구성으로 나아가려는 학습자

자료 미리보기

PDF 새 탭에서 열기
자료 첫 페이지

여기에서 바로 읽어보세요

PDF 미리보기를 열거나, 파일을 내려받아 편한 때 읽을 수 있습니다.

미리보기가 표시되지 않으면 새 탭에서 PDF를 열어주세요.