강의

멘토링

커뮤니티

Programming

/

Web Development

Learning the essentials of HTML5

We'll thoroughly explore HTML5, from the basics that frontend beginners must learn to advanced topics!

(4.9) 10 reviews

50 learners

  • sucoding
웹개발
실습 중심
HTML/CSS

Reviews from Early Learners

What you will gain after the course

  • Learn HTML4 legacy syntax.

  • Learn the latest HTML5 syntax.

  • Understanding the basic structure of HTML5

  • Using HTML5 semantic tags

  • How to use various form elements (<input>, <select>, <textarea>)

  • HTML5 Multimedia elements (audio, video)

  • SEO-friendly HTML writing

  • Hands-on practice with real HTML5-based projects

HTML5 that is easy to understand even for non-specialists!!
🛩 Sucoding's Front-End Roadmap Series Step 1! 🛩

Bestseller in Introduction to HTML

The Sucoding online course has been published as a book!

2022 『Coding Self-study HTML+CSS+JavaScript』 published! 🎉

The online course on Sucoding has been published as a book.
It is the best-seller in the HTML/CSS introductory category that has never left the top spot since its release. 😎
If you read it together with the book, the synergy increases several times.

purchase

I'm curious

What do you learn?

There are over 150 tags available in HTML5. That's a lot, isn't it?
However, it is not easy to learn all of these tags and memorize their respective meanings.

In this lecture, we will learn only the tags that are frequently used in practice .
Boldly exclude tags that are not frequently used in actual work.
It is structured so that you can focus on learning only the core tags .

This makes it easier and more efficient for beginners to learn HTML.

Even complete beginners are welcome,

I'll teach you everything step by step, starting from the basics.

HTML5 is one of the easiest languages to learn on the front end, but
It is an important language that can be said to be the beginning and end of the front end .

Don't worry even if you are a non-major and don't know anything .
We will provide thorough and friendly explanations so that you can build a solid foundation .

Only for Sucoding lectures
Special point

A curriculum that even complete beginners can easily understand

  • We explain basic concepts step by step so that even non-majors can understand.

  • We maximized the learning effect by appropriately combining practice and theory.

Tag-centric learning that can be applied directly to practice

  • You can learn efficiently by selecting only the core tags frequently used in practice .

  • We minimize unnecessary theories and focus on practical applications.

Intuitive examples and practice-oriented lectures

  • This is a hands-on course where you learn through coding, rather than through abstract explanations.

  • You can see results immediately and build your skills quickly.

We generously share practical tips and developer know-how.

  • We will teach you practical tips from working developers that are not found in textbooks, as well as ways to improve work efficiency .

  • In addition to HTML5, it also provides direction for growth as a front-end developer .

Customized student feedback and detailed Q&A support

  • Provides quick and friendly feedback to students' questions.

  • It points out common mistakes and confusing parts and maximizes each individual's learning effect.

wait a minute!

Did you know that even in lectures, there is a 'knot' that suits me?

Just as a great game that everyone recognizes may not be fun for me ,
Lectures aren't the same for everyone.

No matter how much praise there is in a lecture, it may not be right for me .
Conversely, what is an ordinary lecture to someone else may be the best lecture to me .

So, at least 10% of all my lectures are free .
Come listen for yourself and see if it's the 'match' between you and your style !

If you and I get along well,
Let me show you the fastest route to becoming a front-end developer .
Trust and follow! 🚀

In this lecture we will create
Various
mini projects

Image Link

Let's create an image link that can be used as markup.

Starting from the basics

Start with a simple card-style UI and learn how to markup correctly.

Wikipedia table of contents

Once you learn list tags, you can create even complex Wikipedia tables of contents like this one.

log in

Learn how to mark up a UI that includes various form-related elements.

tariff

You will also learn how to properly code tables.

Credit Card

Learn how to correctly apply HTML tags and ARIA while marking up a complex credit card UI.

Frequently Asked Questions

Q. I'm a complete beginner and don't know anything. Is that okay?
A. Yes, that's really fine. It's a customized course designed so that people who don't know anything can learn.

Q. I bought the book. Do I need to buy the online course as well?
A. If you have purchased the book, I highly recommend purchasing more. It contains a lot of material that is not covered in the book.

Q. I have studied HTML5. Is it still worth taking?

A. This lecture only covers HTML5, so if you have some knowledge of tags, you don't have to listen to it. However, I recommend listening to it again to review the basics!

Things to note before taking the class

Practice environment

  • Operating System and Version (OS): Windows, macOS

  • Tools used: Visual Studio Code, Chrome

  • PC specifications: Minimum specifications that can handle web surfing are also possible

Learning Materials

  • Providing learning materials for each lecture to help you progress with the practical training


Player Knowledge and Notes

  • Completely non-majors and beginners can also take the course

  • No player knowledge required

Recommended for
these people

Who is this course right for?

  • Beginner & novice with no prior HTML experience

  • Experienced, but not confident that I know HTML precisely.

  • A developer who only uses divs for markup, without using semantic tags.

  • Someone who wants to learn simply and easily, without complicated explanations.

Hello
This is

4,729

Learners

245

Reviews

114

Answers

4.9

Rating

7

Courses

수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.

다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.

현재까지 다음과 같은 4권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:

또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]

Curriculum

All

68 lectures ∙ (4hr 11min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

10 reviews

4.9

10 reviews

  • todaerika님의 프로필 이미지
    todaerika

    Reviews 10

    Average Rating 4.9

    5

    85% enrolled

    As a backend developer, I recently took this course to study the basics in depth, as I'm trying to delve deeper into the frontend side. First of all, I was able to concentrate well because of your comfortable voice tone that easily catches the ear. Overall, the content was great because it brought together only the essential elements of basic HTML, web standards, and web accessibility. I will listen to the CSS lecture diligently afterward.

    • sucoding
      Instructor

      Hello dlsrksrhk! Thank you for your positive feedback on my lecture :) I will strive to provide even better lectures in the future. Thank you.

  • syung2love661314님의 프로필 이미지
    syung2love661314

    Reviews 1

    Average Rating 5.0

    5

    66% enrolled

    Starting with almost no understanding of HTML, I was able to learn step-by-step through this course. Each lecture started with simple concepts and gradually covered more in-depth content, allowing me to systematically learn the overall concepts of HTML. In particular, the examples and exercises were useful in building practical knowledge.

    • sucoding
      Instructor

      Thank you for your kind words :) Happy coding!

  • dangdong님의 프로필 이미지
    dangdong

    Reviews 2

    Average Rating 5.0

    Edited

    5

    100% enrolled

    I was worried since it was an introductory course, but I was so satisfied with it. I'll move on to the CSS course!

    • sucoding
      Instructor

      Hello Jang Dongwook! I'm glad to hear you're progressing through your studies without any issues! I'll be cheering you on!

  • jmkim4469님의 프로필 이미지
    jmkim4469

    Reviews 2

    Average Rating 4.0

    4

    100% enrolled

    • sucoding
      Instructor

      Hello jmkim! Thank you for the great review!

  • jangminwoo864125님의 프로필 이미지
    jangminwoo864125

    Reviews 9

    Average Rating 4.7

    5

    31% enrolled

    Thorough and kind explanation, I like it

    • sucoding
      Instructor

      Hello! Thank you for leaving such kind words. Please let me know anytime if you have any feedback or questions! 😊

$27.50

sucoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!