BEST

HTML Basics for Beginners

Name: HTML Basics for Beginners
Price: 22000 KRW
Rating: 4.8 (28 reviews)

HTML is understood to be easy, but it actually has many difficult contents. In this lecture, we will try to explain the 'difficult parts' of HTML in an easy way. Let's learn HTML properly.

(4.8) 28 reviews

485 learners

choeun

HTML/CSS

Reviews from Early Learners

What you will gain after the course

How to write correct HTML
HTML standard techniques
HTML

HTML Basics

조은,

This course is for those who are new to HTML or
Those who are already working as front-end developers
This is a good lecture to listen to if you want to increase your understanding of HTML.

Refer to WHATWG 's HTML standard specification
HTML elements that are mainly used in the field,
This lecture covers how to use HTML elements.

What will you learn?

WHATWG 로고

▲ WHATWG logo

Let's start with an introduction to what HTML itself is.
You will learn about standards organizations, HTML standards, HTML DOCTYPE, etc.

Next, we will learn the meaning and usage of each HTML element.
Finally, we'll learn about some useful sites to know about in HTML.

Lecture Structure

What is HTML, and why should you learn it? This article introduces what you need to know and how to learn it to meet web standards.

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

What elements does HTML consist of? Understand what information should be contained within each individual element and learn how to write HTML correctly.

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

How should elements be utilized when loading external documents or media? What rules should be observed when displaying data in tables or receiving user-entered data? Let's take a closer look at how to develop best practices for each element.

Finally, I've compiled some useful information that you might find useful when writing actual HTML.

Note

You don't necessarily need to have any introductory knowledge of HTML, but it may be difficult if you don't have any introductory knowledge.
It would be helpful if you have a general knowledge of HTML, CSS, and JavaScript.

Recommended for
these people

Who is this course right for?

People who know about HTML but don't know it well
HTML beginner

Need to know before starting?

HTML Basic Grammar

Hello
This is

485

Learners

Reviews

Answers

4.8

Rating

Course

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

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

Curriculum

All

70 lectures ∙ (4hr 33min)

Section 1. Take a look at HTML

10 lectures ∙ (1hr 25min)

1. What is HTML?
10:15
2. Web Browser Wars and Web Standards
13:24
3. Introduction to Web Content Accessibility
10:51
4. Browsers and Browser Engines
09:55
5. Introduction to the Standardization Organization
11:08
6. Introducing the HTML Living Standard
06:21
7. Basic HTML Template
05:47
8. DOCTYPE
03:19
9. HTML Content model
10:12
10. HTML Grammar
04:22

Section 2. Entering HTML elements

1 lectures ∙ (10min)

11. Introduction to HTML Elements
10:15

Section 3. HTML Elements - Document metadata

6 lectures ∙ (16min)

Section 4. HTML Elements - Sections

8 lectures ∙ (28min)

Section 5. HTML Elements - Grouping content

9 lectures ∙ (21min)

Section 6. HTML elements - text level semantics

9 lectures ∙ (24min)

Section 7. HTML Elements - Embedded content

7 lectures ∙ (24min)

Section 8. HTML Elements - tabular data

8 lectures ∙ (18min)

Section 9. HTML Elements - Forms

7 lectures ∙ (20min)

Section 10. HTML Elements - Interactive content

4 lectures ∙ (10min)

Section 11. finish

1 lectures ∙ (11min)

Published:

Last updated:

Reviews

All

28 reviews

4.8

28 reviews

ChipmunkDev
Reviews 24
∙
Average Rating 5.0
5
49% enrolled
아직 강의를 완강하지는 않았습니다. 이 강의를 접하며 HTML에 대한 인식을 새롭게 하였습니다. 클론 코딩으로 처음 공부하며 HTML은 그냥 태그만을 위한 언어인줄 알았지만 HTML이 말그대로 뼈대가 되고 웹에서 제일 큰부분을 차지한다는것을 깨닫게 되었습니다 :) 프론트 백엔드 구분없이 다들 한번씩 보셨으면 좋을것 같습니다! * HTML입문자가 보기에는 힘들수도 있을것 같습니다.
- 조은
  Instructor
  감사합니다! 말씀 주신 것처럼 HTML의 중요성을 다루는 게 이 강의의 핵심 가치라, HTML 입문자가 들으시는 것보다는 한 번 이상 다루어보신 분을 대상으로 하고 있습니다. 잘 들어주셔서 감사합니다!
조용준 (Near)
Reviews 25
∙
Average Rating 5.0
5
27% enrolled
HTML에 대해서 공부하는사람이 있다면 추천해주고 싶은 강의 였습니다. 챕터별로 잘 정리되어 있고 깔끔하게 잘 설명 해주셔서 이해하기 편했습니다. 마크업 할때 태그별 성격에 맞게 해 볼수 있을것 같아요. 매번 단기적으로 시멘틱 웹에 대해서 학습 하였는데 이번에 잘 정리했습니다. 웹 접근성에 대해서도 이번 기회에 공부해보아야 겠어요. 감사합니다.
- 조은
  Instructor
  상세한 수강평 감사합니다. 이 강의에서 가장 추구하는 바를 잘 전달한 듯 하여 다행입니다 :) 다시 한 번 감사합니다.
한승철
Reviews 4
∙
Average Rating 4.5
4
100% enrolled
좋은 강의 감사합니다
- 조은
  Instructor
  들어주셔서 감사합니다 :)
mahwin7085
Reviews 3
∙
Average Rating 5.0
5
83% enrolled
진짜 최곱니다.. css나 최신 강의도 찍어주세요.
자스린
Reviews 2
∙
Average Rating 5.0
5
100% enrolled
평소 HTML은 그저 화면에 그려주기 layout을 잡는 언어로만 생각했었는데, 이 강의를 수강하고 나서 시맨틱하게 HTML을 작성하면 어떤 장점이 있고, 이런 장점을 얻기 위해 어떻게 마크업을 해야하는지 알게 되었습니다. 그리고, 그동안 웹 접근성에 대해 공부할 필요성을 못느꼈는데, 왜 공부해야 하는지 알 수 있는 계기가 되었던 것 같습니다!!

$17.60

Similar courses

Explore other courses in the same field!

웹프로그래밍의 꽃! 자바스크립트 기초

이지웹

javascript를 통해 HTML의 요소를 선택하고 다양한 이벤트에 따라 요소의 스타일을 변경하거나 애니메이션 효과를 구현합니다. javascript의 기분문법에서 스타일 변경, 이벤트 설정 및 웹페이지 구현시 자주 사용되는 효과를 구현합니다.

Basic

HTML/CSS, JavaScript, vanilla-javascript

웹프로그래밍의 꽃! 자바스크립트 기초

이지웹

[2024]리베하얀의 HTML 기초 실무

리베하얀

HTML 기초문법을 다루는 강의입니다. 다양한 사례의 미션이 존재하며, 실무에서 사용가능한 최신문법까지 알려드립니다.

Beginner

HTML/CSS, nvda

[2024]리베하얀의 HTML 기초 실무

리베하얀

[웹 개발 풀스택 코스] HTML&CSS 기초

개발자의 품격

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 HTML&CSS에 대한 강의입니다. 이 강의를 통해 웹 개발의 뼈대인 HTML과 웹을 아름답게 만드는 CSS에 대해서 이해하게 됩니다.

Beginner

HTML/CSS

[웹 개발 풀스택 코스] HTML&CSS 기초

개발자의 품격

비전공자를 위한 웹사이트 개발 첫걸음 #HTML, #CSS

banana-coder

웹사이트를 만드는 개발자가 되기 위해선 배워야 할 기술들이 많습니다. 그 많은 기술들 중 가장 먼저 배워야 할, 웹사이트의 제작의 기본인 HTML, CSS에 대해 설명합니다. HTML, CSS를 작성하는 방법을 배우고, 마지막엔 아마존이라는 실제 웹사이트를 비슷하게 만드는 프로젝트를 합니다. 그리고 만든 프로젝트를 url로 만들어 배포할 수 있도록 합니다.

Beginner

HTML/CSS, github-desktop

비전공자를 위한 웹사이트 개발 첫걸음 #HTML, #CSS

banana-coder

제임스코딩 풀스택 개발 입문 5주 완성

제임스코딩

제임스코딩 과정은 풀스택 심화 커리큘럼 시작 전, 웹 개발의 기본기를 함양할 수 있는 풀스택 개발 입문 과정입니다. 여러분은 제임스코딩 풀스택 개발 입문 5주 완성을 통해 프로그래밍과 자바스크립트의 기초를 탄탄하게 다질 수 있습니다.

Beginner

HTML/CSS, JavaScript, Git

제임스코딩 풀스택 개발 입문 5주 완성

제임스코딩

웹디자인기능사 실기 문제풀이 A-1

Dongho Lee

웹 디자인 기능사 실기시험을 충실하게 준비합니다. 다양한 방법으로 문제를 해결합니다.

Basic

HTML/CSS, 웹 디자인

웹디자인기능사 실기 문제풀이 A-1

Dongho Lee

나도 할 수 있다! SW강사!

제주코딩베이스캠프

SW강사를 희망하는 모두를 위한 수업으로 커리큘럼과 자료 제공, 15년차 현직 강사의 노하우와 꿀팁까지 한번에 해결할 수 있습니다.

Beginner

HTML/CSS, JavaScript, Python

나도 할 수 있다! SW강사!

제주코딩베이스캠프

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

Beginner

HTML/CSS, JavaScript, ES6

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

왕초보도 할 수 있는 웹, 서버, 모바일 앱, 머신러닝까지 익히는 끝판왕 풀스택 강의!! 개발을 어디서부터 시작할지 막막했다면 이 강의를 강력 추천할게요. Javascript 하나로 진행합니다!

Beginner

JavaScript, React, Node.js

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

Photoshop과 Adobe XD 프로그램을 활용해 다양한 디바이스의 웹, 앱 레이아웃을 디자인해 본 뒤 간단한 코딩 기술을 학습해 직접 구현해볼 수 있게 됩니다.

Basic

HTML/CSS, jQuery, XD

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

코딩 1위 유튜버 조코딩의 실전 압축! 쉽고 재미있는 웹 풀스택 개발 강의

Beginner

HTML/CSS, JavaScript, Node.js

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

판다코딩

HTML / JS / CSS 만을 가지고 직접 심리 테스트 사이트를 만들고, 배포해보는 Project 사이트를 제작합니다.

Basic

HTML/CSS, JavaScript, Bootstrap

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

판다코딩

자바스크립트 제대로 배워볼래?

개발자의 품격

자바스크립트를 제대로 배우길 원하는 초급자를 위한 가장 탄탄한 기초 강의입니다. 여러분은 이 강의를 통해 자바스크립트라는 언어를 이해하는 시작점이 될 것이고, 프론트엔드(Vue, React, Angular) 개발자, 서버(Node.js) 개발자가 되기 위한 기초를 완벽하게 준비할 수 있습니다.

Basic

JavaScript, ES6, HTML/CSS

자바스크립트 제대로 배워볼래?

개발자의 품격

2024 html/css 기초탄탄 초스피드 완강코스

J.영

html/css초보 입문자를 대상으로 기초를 탄탄하게 다지며, 물론 반응형 레이아웃 제작 실전을 배울 수 있습니다.

Beginner

HTML/CSS, html-layout, css3

2024 html/css 기초탄탄 초스피드 완강코스

J.영

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

Beginner

HTML/CSS, JavaScript, Next.js

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

비전공자도 가능한 AI 바이브코딩 입문 코스

아이티커넥트

💡 비개발자도 AI와 함께 단 10시간 창업 MVP부터 수익화 서비스까지! 💰 외주비 수천만원이 필요했던 개발 이제 12만원으로 완전 해결 🎯 명함인식, 감정분석, 입지분석까지 실전 비즈니스 프로젝트 5개 완주 🔥 기획자, 마케터, 예비창업자라면 개발자 없이도 아이디어 구현 ⚡ 지금 시작하면 평생 써먹을 개발 자립 능력을 획득하세요!

Beginner

HTML/CSS, Java, 웹앱

비전공자도 가능한 AI 바이브코딩 입문 코스

아이티커넥트

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

Basic

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

실무중심의 HTML5 시각화 프로그래밍

트레이딩온

데이터를 가공하여 표의 형태로 표현할 수도 있지만 가장 중요한 것은 데이터를 인간이 한 눈에 알아 볼 수 있게 표현하는 것입니다.

Basic

HTML/CSS

실무중심의 HTML5 시각화 프로그래밍

트레이딩온

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

웹디자인기능사 출제기준(2025.1.1~2025.12.31)까지 시행되는 출제기준에 정확히 맞춘 웹디자인 기능사 실기 시험 내용에 최적화 되어 있는 실기시험 전문 강의로서, HTML+CSS+JQUERY 퍼블리싱, 코딩웍스 웹디자인 기능사 실기시험 강의는 다릅니다. 2023년도에 추가된 D유형, E유형 완벽 제작 수업영상과 2024년도에 추가된 F유형 완벽 제작 수업영상이 모두 반영되어 있습니다.

Beginner

HTML/CSS, jQuery, 웹 디자인

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

풀면서 배우는 정보처리산업기사 과정평가형 실기 완벽정리

Neo

풀면서 배우는 정보처리산업기사 정보처리산업기사 과정평가형 실기 합격을 위해 모든것을 준비했습니다.

Beginner

HTML/CSS, Java, SQL

풀면서 배우는 정보처리산업기사 과정평가형 실기 완벽정리

Neo

HTML Basics for Beginners

Reviews from Early Learners

What you will gain after the course

HTML Basics

What will you learn?

Lecture Structure

Note

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

Similar courses

Recommended for
these people

Hello
This is