AI Store에서 AI코딩으로 만들어진 앱을 만나보세요!
지금 바로 방문하기

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-radiushover 효과 적용 가능

4. CSS 적용 방법

  1. Inline CSS: