HTML 및 CSS 학습 경험 공유
카테고리
프로그래밍/소프트웨어 개발
서브카테고리
웹 개발
대상자
웹 개발 초보자, 프론트엔드 학습자 (기초 수준)
핵심 요약
- HTML은 웹 페이지의 구조를 정의하고, semantic tag(예:
,)를 사용해 의미 있는 레이아웃 구축
- CSS는 스타일을 적용하여 시각적 디자인을 완성하며,
color
,font-size
,flex
등의 속성으로 요소 조정 가능 - CSS 적용 방식은
inline
,internal
,external
3가지로 분류되며, 모듈화된 외부 CSS가 유지보수에 유리
섹션별 세부 요약
1. 배경 및 학습 동기
- 학위보다 실무 프로젝트가 중요하다는 인식을 바탕으로 HTML/CSS 학습 시작
- 웹 개발의 기초를 이해하고자 하는 초보자의 경험 공유
2. HTML 기초
- Hyper Text Markup Language로 웹 콘텐츠의 구조를 정의
- semantic tag:
,,
등 의미 있는 역할을 명시
- non-semantic tag:
,
은 단순한 컨테이너 역할
- 예:
태그는 페이지의 주요 콘텐츠 영역을 정의
3. CSS 기초
- Cascading Style Sheets로 HTML 요소의 스타일을 적용
- 색상(
color
), 폰트 크기(font-size
), 레이아웃(flex
) 등 다양한 속성 조정 가능 - 예: 버튼에
border-radius
와hover
효과 적용 가능
4. CSS 적용 방법
- Inline CSS: