HTML과 CSS로 웹사이트 만들기

MDN 웹 문서 (https://developer.mozilla.org/ko/docs/Learn)

MDN 웹 문서는 웹 개발에 대한 상세한 내용을 다루는 사이트입니다. HTML과 CSS를 비롯한 다양한 웹 개발 기술에 대한 학습 모듈과 튜토리얼을 제공합니다.

 

HTML 기본 구조부터 시작하여 요소(element)의 사용법, 속성(attribute), CSS 스타일링 등을 단계별로 학습

할 수 있습니다.

 

CSS 선택자, 박스 모델, 레이아웃, 반응형 디자인 등에 대한 자세한 설명과 예제 코드를 제공하여 웹사이트 디자인

에 필요한 기술을 습득할 수 있습니다.

CSS-TRICKS (https://css-tricks.com/)

CSS-TRICKS는 CSS에 관련된 다양한 팁, 트릭, 테크닉을 제공하는 블로그입니다. CSS를 활용한 예쁘고 독특한 디

자인과 관련된 내용을 다룹니다.

CSS 속성과 값, 선택자, 레이아웃 기술 등에 대한 자세한 설명과 예제 코드를 제공하여 실용적인 웹 디자인 기술

을 학습할 수 있습니다.

특히, CSS 애니메이션, 그리드 시스템, 반응형 웹 디자인, Flexbox 등에 대한 자세한 설명과 예제를 제공하여 웹사

이트를 더욱 동적이고 효과적으로 만들 수 있습니다.

웹디자인 스쿨 (https://www.w3schools.com/)

웹디자인 스쿨은 HTML, CSS, JavaScript를 포함한 웹 개발 언어와 기술을 학습할 수 있는 사이트입니다. HTML

과 CSS를 기초부터 고급까지 체계적으로 다룹니다.

HTML 태그와 속성, CSS 선택자와 속성, 레이아웃 기술 등에 대한 자세한 설명과 예제 코드를 제공하여 웹사이

트 제작에 필요한 기초적인 내용을 학습할 수 있습니다.

또한, 웹디자인 스쿨은 실습 기반의 학습 모듈을 제공하여 직접 코드를 작성하고 실행해보면서 학습할 수 있는 환경

을 제공합니다.