html, CSS의 기초부터 배울 수 있는 웹사이트 추천

HTML과 CSS의 기초부터 차근차근 배울 수 있는 좋은 웹사이트를 추천해드릴게요. 아래 사이트들은 모두 무료 또는 부분 무료이며, 실습 중심으로 기초를 탄탄히 다질 수 있습니다.

---

✅ 1. [MDN Web Docs (Mozilla)]

• 사이트 주소: https://developer.mozilla.org/ko/
• 특징:
  • 공식적인 웹 표준 기반 문서
  • 초보자를 위한 HTML & CSS 가이드가 매우 잘 구성되어 있음
  • 실습 예제와 개념 설명이 균형잡혀 있음
  • 한국어 번역도 일부 제공

---

✅ 2. [W3Schools]

• 사이트 주소: https://www.w3schools.com
• 특징:
  • 초보자에게 가장 많이 추천되는 사이트 중 하나
  • 실시간 코드 실행 기능(👈 직접 수정하면서 결과 확인 가능)
  • HTML, CSS 외에도 JavaScript, PHP 등 다양한 언어 학습 가능
  • 한국어 지원은 없지만 쉬운 영어로 되어 있어 학습 부담이 적음

---

✅ 3. [freeCodeCamp]

• 사이트 주소: https://www.freecodecamp.org/
• 특징:
  • 완전 무료! 인증서도 제공
  • 인터랙티브 방식의 실습 기반 학습
  • **"Responsive Web Design Certification"**에서 HTML, CSS를 처음부터 배울 수 있음
  • 한국어 번역 사이트: https://www.freecodecamp.org/korean

 

---

✅ 4. [생활코딩 - HTML/CSS 수업 (YouTube + 사이트)]

• 사이트 주소: https://opentutorials.org/course/1
• 특징:
  • 한국어로 된 강의로 웹개발 기초를 쉽게 설명
  • HTML, CSS 외에도 JavaScript, PHP까지 연계 가능
  • 강의 영상과 텍스트 모두 제공되어 학습 방식 선택 가능

---

✅ 5. [CodePen (실습용)]

• 사이트 주소: https://codepen.io
• 특징:
  • HTML/CSS/JS 실습에 특화된 사이트
  • 다른 사람들이 만든 디자인 코드 보기/수정 가능
  • 학습용 콘텐츠는 적지만 실습에 매우 유용

---

필요하다면 입문자 로드맵도 만들어드릴 수 있어요. 원하시면 학습 계획도 같이 짜드릴게요 :)
어떤 스타일의 학습(영상, 실습, 문서 위주 등)을 선호하시나요?