인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST

따라하며 배우는 HTML, CSS

이 강의를 통해서 HTML, CSS 기본을 다질 수 있습니다.

입문자를 위해 준비한
[웹 개발, 웹 퍼블리싱] 강의입니다.

이런 걸 배울 수 있어요

  • HTML

  • CSS

웹 개발자 필수 지식 HTML, CSS!
이 강의로 웹 개발 기초를 꽉 잡아봐요 🔥

HTML/CSS의 기초부터 실무까지 🗂️

HTML과 CSS. 개발에 관심이 있거나 현재 개발을 하는 분들이라면 누구나 들어보셨을 거예요. HTML과 CSS는 웹 개발의 가장 기본이라고 하죠. 웹 개발을 시작하는 분들은 물론, 이미 실무에 있는 현직 개발자분들께도 중요한 기초지식이에요. 실무에 있는 개발자도 HTML, CSS의 구체적인 부분을 간과하고 지나가는 경우가 생각보다 많거든요. 저와 함께 웹 개발의 기초를 튼튼하게 다져봐요! 💪

이 강의를 통해서 HTML, CSS의 기초부터 실무에서 쓰이는 대부분의 기술까지 익혀보세요. 개발 자체를 처음 접하는 사람들도 이 강의로 웹 개발의 기본적인 지식을 습득하실 수 있습니다.

이 강의는 개념을 학습한 후 바로 실습해보면서 HTML CSS의 대부분의 지식을 한 번에 습득할 수 있도록 만들었습니다. 기초부터 하나씩 배워서 좀 더 다양한 HTML, CSS 기술을 사용할 수 있게 도와드릴게요. 웹 개발자로서는 필수인 HTML과 CSS를 배워서 취업에도 많은 도움이 되었으면 좋겠습니다.


이런 분들께 추천해요 🙋

입문자

"개발을 공부하고 싶은데
뭐부터 해야 할지 모르겠어요."

실무자

"개발자로 일하고 있는데
HTML과 CSS를 항상 쓰던 것만 쓰게 돼요."


이 강의만의 특장점 ✨

구조적 이해를 돕는
도표 중심의
쉽고 자세한 설명

직접 소스 코드를
작성하면서
자연스럽게 반복 학습

실제 애플리케이션을
만들어볼 수 있는
실습 중심의 강의

1-2. 도표를 통한 시각적 설명 + 직접 코드 작성의 2단계!

도표를 통해서 시각적으로 봤을 때 그냥 설명을 듣기만 했을 때보다 이해가 더 잘 되기 때문입니다. 또한 이렇게 도표를 통해서 학습한 후 소스 코드를 작성하므로 자연스럽게 복습하는 효과가 나타난다고 생각합니다.

3. 따라 하며 배우세요, 실습 중심 강의

먼저 필요한 개념을 익힌 후에 실습으로 개념을 더욱 확실하게 해줍니다.


이런 걸 배워요 📚

#전체 내용


#1 HTML Basics

#2 CSS Basics

#3 간단한 버튼을 만들며 CSS 배우기

#4 Flexbox, Grid, Display

#5 유튜브 사이트 만들기

#6 인스타그램 사이트 만들기


예상 질문 Q&A 💬

Q. 비전공자도 들을 수 있는 강의인가요?

기초부터 자세하게 강의하기 때문에 비전공자도 들을 수 있습니다.

Q. 왜 HTML, CSS를 배워야 하나요?

웹 개발자라면 무조건 사용하기 때문에 가장 기본이 되는 부분이라 생각해주시면 됩니다.

Q. 강의를 듣기 전 준비해야 할 것이 있나요?

입문 강의이기 때문에 사전 지식 없이도 들을 수 있습니다.


지식공유자의 
다른 강의가 궁금하다면?

누적 수강생 55,000+명, 따라하며 배우는 웹 개발 시리즈 📖


이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 코딩을 처음 접하는 사람

  • HTML 기본을 다지고 싶은 사람

  • CSS 기본을 다지고 싶은 사람

안녕하세요
John Ahn입니다.

83,036

수강생

2,638

수강평

2,428

답변

4.8

강의 평점

20

강의

안녕하세요. 

즐겁게 개발하고 있는 개발자입니다. 

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

더보기

커리큘럼

전체

56개 ∙ (8시간 26분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

31개

4.9

31개의 수강평

  • dakyung52555393님의 프로필 이미지
    dakyung52555393

    수강평 1

    평균 평점 3.0

    3

    98% 수강 후 작성

    Rather than conveying the content in detail, you kept reading and especially for the last project, you just typed in the code while reading, so I didn't feel like it was very helpful. Usually, when you do the basics first and then the project, you teach how to apply and utilize what you've learned so far, and you also teach other codes that would be good to deal with together with this function, but for this project, you just recite the code line by line and write it down. And I think it's difficult for a beginner to understand. I'm glad I listened to it with some foundation, but it would be difficult for a beginner to listen to this.

    • 1994kjhg1272님의 프로필 이미지
      1994kjhg1272

      수강평 2

      평균 평점 4.0

      5

      100% 수강 후 작성

      I lacked basic knowledge of HTML and CSS, but after listening to this lecture, I understand it well. It gives a broad lecture on what elements there are and how to style each.

      • imij01267922님의 프로필 이미지
        imij01267922

        수강평 5

        평균 평점 4.6

        5

        30% 수강 후 작성

        thank you

        • smartbrain6634님의 프로필 이미지
          smartbrain6634

          수강평 3

          평균 평점 5.0

          5

          100% 수강 후 작성

          It's fun!

          • haaasssh님의 프로필 이미지
            haaasssh

            수강평 1

            평균 평점 5.0

            5

            96% 수강 후 작성

            While taking the class, I am developing my design dream. I am learning this kind of lecture while focusing only on the development process, and it feels like my career is improving while adding fun to design. It is fun!

            John Ahn님의 다른 강의

            지식공유자님의 다른 강의를 만나보세요!

            비슷한 강의

            같은 분야의 다른 강의를 만나보세요!

            ₩49,500