그림으로 배우는 HTML-CSS, 입문!
    • 01
      웹 개발, 시작하기!
      • 강의 소개
      체험하기
      웹 서비스 개요
      체험하기
      개발 환경 만들기
      체험하기
    • 02
      HTML 문서 만들기
      • HTML이란?
      체험하기
      텍스트와 이미지
      체험하기
      링크 만들기
      목록 만들기
      표 만들기
      입력 폼 만들기
    • 03
      CSS 셀렉터, 선택하여 꾸미기
      • CSS란?
      셀렉터 기본
      복합 셀렉터
      셀렉터 게임
    • 04
      CSS 박스모델, 태그의 영역
      • CSS 박스모델?
      블럭 vs 인라인
      CSS 포지션?
      구글 페이지 개선하기
    • 05
      CSS 플렉스, 배치하기
      • CSS 플렉스?
      Flexbox, 핵심 정리!
      개구리 게임
    • 06
      부트스트랩, 잘 만들어진 도구
      • 부트스트랩?
      컴포넌트 활용하기
      Grid 레이아웃
      레이아웃과 유틸리티
      부트스트랩 테마
    • 07
      마치며..!
      • 강의를 마치며
    텍스트와 이미지
    배우기
    02 HTML 문서 만들기
    텍스트와 이미지

    ⭐️ HTML 기본 구조

    HTML 문서의 기본구조는 아래와 같다.

    html

    ⭐️ 텍스트 태그

    머릿글은 h1 태그를 사용한다.

    html

    글의 단락은 p 태그로 묶는다.

    html

    ⭐️ 이미지 태그

    이미지는 img 태그를 사용하는데, 이미지를 보여주려면 src 속성에 주소를 적어야 한다.

    html
    실습 내용

    텍스트와 이미지

    미션

    아래를 이미지를 참고하여, 나만의 에피소드를 페이지로 만드시오.
    클라우드스터딩-HTML-CSS-기본-태그들

    구글링 힌트

    • “HTML 기본 구조”
    • “HTML head body 태그”
    • “HTML 태그란”
    • “img 태그 사용법”
    질문하기