Inflearn brand logo image
Inflearn brand logo image
BEST
개발 · 프로그래밍

/

웹 개발

초보자를 위한 HTML 기초

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

(4.8) 수강평 28개

수강생 483명

이런 걸 배울 수 있어요

  • 올바른 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 기초 문법

안녕하세요
입니다.

483

수강생

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개의 수강평

  • ChipmunkDev님의 프로필 이미지
    ChipmunkDev

    수강평 23

    평균 평점 5.0

    5

    49% 수강 후 작성

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

    • 조은
      지식공유자

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

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

    수강평 25

    평균 평점 5.0

    5

    27% 수강 후 작성

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

    • 조은
      지식공유자

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

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

    수강평 4

    평균 평점 4.5

    4

    100% 수강 후 작성

    좋은 강의 감사합니다

    • 조은
      지식공유자

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

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

    수강평 2

    평균 평점 5.0

    5

    100% 수강 후 작성

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

    • beegizee1220님의 프로필 이미지
      beegizee1220

      수강평 33

      평균 평점 5.0

      5

      100% 수강 후 작성

      HTML에 대해 가볍게 생각했었는데 생각보다 가볍지 않다라는 것을 느끼게된 강의였습니다. 감사합니다~!

      비슷한 강의

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