채널톡 아이콘

초보자를 위한 HTML 기초

HTML은 많이 쉽다고 이해하고 있지만 알고 보면 어려운 내용이 많습니다. 이 강의에서는 HTML의 '어려운 부분'을 쉽게 풀어 이야기하는 데에 노력하고 있습니다. HTML을 제대로 알아봅시다.

(4.8) 수강평 28개

수강생 485명

난이도 초급

수강기한 무제한

날개 달린 동전

강의 추천하고 성장과 수익을 만들어 보세요!

날개 달린 동전

마케팅 파트너스

강의 추천하고 성장과 수익을 만들어 보세요!

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

4.8

5.0

ChipmunkDev

49% 수강 후 작성

아직 강의를 완강하지는 않았습니다. 이 강의를 접하며 HTML에 대한 인식을 새롭게 하였습니다. 클론 코딩으로 처음 공부하며 HTML은 그냥 태그만을 위한 언어인줄 알았지만 HTML이 말그대로 뼈대가 되고 웹에서 제일 큰부분을 차지한다는것을 깨닫게 되었습니다 :) 프론트 백엔드 구분없이 다들 한번씩 보셨으면 좋을것 같습니다! * HTML입문자가 보기에는 힘들수도 있을것 같습니다.

5.0

조용준 (Near)

27% 수강 후 작성

HTML에 대해서 공부하는사람이 있다면 추천해주고 싶은 강의 였습니다. 챕터별로 잘 정리되어 있고 깔끔하게 잘 설명 해주셔서 이해하기 편했습니다. 마크업 할때 태그별 성격에 맞게 해 볼수 있을것 같아요. 매번 단기적으로 시멘틱 웹에 대해서 학습 하였는데 이번에 잘 정리했습니다. 웹 접근성에 대해서도 이번 기회에 공부해보아야 겠어요. 감사합니다.

5.0

mahwin7085

83% 수강 후 작성

진짜 최곱니다.. css나 최신 강의도 찍어주세요.

수강 후 이런걸 얻을 수 있어요

  • 올바른 HTML 작성 방법

  • HTML 표준 기법

  • HTML

HTML 기초

조은, "HTML 기초" 강의 커버 이미지 (한국어 정방형 버전)

이 강의는 HTML을 입문하셨거나,
이미 프런트엔드 개발자로 현업에 있는 분들이
HTML에 대한 이해도를 높이고 싶으실 때 들으시면 좋은 강의 입니다.

WHATWG의 HTML 표준 스펙을 참고하여
현업에서 주로 사용되는 HTML 요소들과,
HTML 요소들의 활용법에 대해 다루는 강의입니다.


무엇을 배우게 되나요?

WHATWG 로고

▲ WHATWG 로고

HTML 자체가 무엇인가에 대한 소개부터 시작하여,
표준화 기구, HTML 표준, HTML DOCTYPE 등을 배우게 됩니다.

이어서 HTML 각 요소들의 의미와 용법 등을 배우며,
마무리로 HTML에서 알아두면 좋은 사이트에 대해 학습합니다.


강의 구성

HTML Living Standard 메인 페이지 (섹션 0 3강)

HTML이란 무엇이며, 왜 학습해야 하나요? 웹 표준(Web Standard)을 위해서는 무엇을 어떻게 참고하고 익혀야 하는지에 대해 소개합니다.

DOCTYPE 선언 Visual Studio Code 강의화면 캡처 (섹션 0 4강)

HTML은 어떤 요소로 이루어져 있을까요? 각각의 개별 요소 내부에 어떤 정보가 들어가야 하는지 이해하고, HTML을 올바르게 작성하는 방법에 대해 알아봅니다.

HTML의 각 요소를 정리한 Visual Studio Code 강의화면 캡처 (섹션 1 1강)

외부 문서나 미디어를 불러올 때는 요소를 어떻게 활용해야 할까요? 데이터를 표로 표현하거나, 유저가 입력하는 데이터를 받을 때에는 어떤 규칙을 지켜야 할까요? 각 요소의 Best Practice를 만들어가는 방법을 더 자세히 살펴봅니다.

알아두면 유익한 HTML 관련 링크 (섹션 1 11강)

마지막으로, 실제 HTML을 작성할 때 유용하게 쓸 수 있는 여러 가지 정보를 정리했습니다.


참고사항

  • 반드시 HTML 입문 지식을 알고 계실 필요는 없지만 입문 지식이 없을 경우 어려울 수 있습니다.
  • HTML, CSS, JavaScript에 대해서 두루 알고 계시면 좋습니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • HTML에 대해 알지만 제대로 알지는 못하시는 분

  • HTML 입문자

선수 지식,
필요할까요?

  • HTML 기초 문법

안녕하세요
조은입니다.

485

수강생

28

수강평

13

답변

4.8

강의 평점

1

강의

HTML, CSS, DOM 등 Web Standard 기술에 관심이 많은 Front-End 개발자입니다.
Web Technologies 분야의 Google Developers Expert이기도 합니다.

가끔은 번역가로, 가끔은 개발자로, 가끔은 제품 관리자로, 가끔은 사진 작가로 일합니다.
연락처: choeun@techhtml.dev

더보기

커리큘럼

전체

70개 ∙ (4시간 33분)

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

수강평

전체

28개

4.8

28개의 수강평

  • 한승철님의 프로필 이미지
    한승철

    수강평 4

    평균 평점 4.5

    4

    100% 수강 후 작성

    좋은 강의 감사합니다

    • 조은
      지식공유자

      들어주셔서 감사합니다 :)

  • ChipmunkDev님의 프로필 이미지
    ChipmunkDev

    수강평 24

    평균 평점 5.0

    5

    49% 수강 후 작성

    아직 강의를 완강하지는 않았습니다. 이 강의를 접하며 HTML에 대한 인식을 새롭게 하였습니다. 클론 코딩으로 처음 공부하며 HTML은 그냥 태그만을 위한 언어인줄 알았지만 HTML이 말그대로 뼈대가 되고 웹에서 제일 큰부분을 차지한다는것을 깨닫게 되었습니다 :) 프론트 백엔드 구분없이 다들 한번씩 보셨으면 좋을것 같습니다! * HTML입문자가 보기에는 힘들수도 있을것 같습니다.

    • 조은
      지식공유자

      감사합니다! 말씀 주신 것처럼 HTML의 중요성을 다루는 게 이 강의의 핵심 가치라, HTML 입문자가 들으시는 것보다는 한 번 이상 다루어보신 분을 대상으로 하고 있습니다. 잘 들어주셔서 감사합니다!

  • 자스린님의 프로필 이미지
    자스린

    수강평 2

    평균 평점 5.0

    5

    100% 수강 후 작성

    평소 HTML은 그저 화면에 그려주기 layout을 잡는 언어로만 생각했었는데, 이 강의를 수강하고 나서 시맨틱하게 HTML을 작성하면 어떤 장점이 있고, 이런 장점을 얻기 위해 어떻게 마크업을 해야하는지 알게 되었습니다. 그리고, 그동안 웹 접근성에 대해 공부할 필요성을 못느꼈는데, 왜 공부해야 하는지 알 수 있는 계기가 되었던 것 같습니다!!

    • 조용준 (Near)님의 프로필 이미지
      조용준 (Near)

      수강평 25

      평균 평점 5.0

      5

      27% 수강 후 작성

      HTML에 대해서 공부하는사람이 있다면 추천해주고 싶은 강의 였습니다. 챕터별로 잘 정리되어 있고 깔끔하게 잘 설명 해주셔서 이해하기 편했습니다. 마크업 할때 태그별 성격에 맞게 해 볼수 있을것 같아요. 매번 단기적으로 시멘틱 웹에 대해서 학습 하였는데 이번에 잘 정리했습니다. 웹 접근성에 대해서도 이번 기회에 공부해보아야 겠어요. 감사합니다.

      • 조은
        지식공유자

        상세한 수강평 감사합니다. 이 강의에서 가장 추구하는 바를 잘 전달한 듯 하여 다행입니다 :) 다시 한 번 감사합니다.

    • mahwin7085님의 프로필 이미지
      mahwin7085

      수강평 3

      평균 평점 5.0

      5

      83% 수강 후 작성

      진짜 최곱니다.. css나 최신 강의도 찍어주세요.

      비슷한 강의

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

      ₩22,000