inflearn logo
inflearn logo

Learning the essentials of HTML5

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

(4.9) 수강평 14개

강의소개.상단개요.수강생.short

난이도 입문

수강기한 무제한

HTML/CSS
HTML/CSS
HTML/CSS
HTML/CSS

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

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

4.9

5.0

dlsrksrhk

85% 수강 후 작성

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.

5.0

hyd

66% 수강 후 작성

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.

5.0

귀한 불도새

100% 수강 후 작성

I started this to review HTML, and thanks to your incredibly detailed explanations, I’ve gained a much deeper understanding of it! I highly recommend this to beginners, but I think it’s also very helpful for those looking to review. In particular, I loved that there are summary notes for each section, allowing me to read through the material one more time.

강의상세_배울수있는것_타이틀

  • 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

강의소개.콘텐츠.추천문구

학습 대상은 누구일까요?

  • 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.

강의소개.지공자소개

4,897

수강생

277

수강평

137

답변

4.9

강의 평점

7

강의_other

Sucoding is active in teaching coding through both
online and offline methods.

Based on years of offline teaching experience,
I contemplate every day and strive constantly to help more people learn coding easily and enjoyably.
.

To date, I have published the following four books and am leading the field of front-end instruction:

Additionally, we provide various free lectures through our YouTube channel.
👇 Visit us right now
[YouTube Channel Link]

더보기

커리큘럼

전체

68개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

해당 강의에서 제공: [object Object]
강의 게시일: 
마지막 업데이트일: 

수강평

전체

14개

4.9

14개의 수강평

  • creworroad0639님의 프로필 이미지
    creworroad0639

    수강평 3

    평균 평점 5.0

    5

    100% 수강 후 작성

    The course explained HTML step by step from the basics, making it easy for beginners to follow without feeling overwhelmed. The concept explanations were clear and I could practice with examples right away, which helped me understand well, and it was very helpful in grasping the overall flow!

    • sucoding
      지식공유자

      Hello! creworroad! Thank you for your valuable review! 😊 I'm really happy that you appreciated how the course was structured so that even those encountering HTML for the first time could follow along without burden. I'm glad to hear that the concept explanations and practice examples were helpful for your understanding. I'll continue to bring you courses that help you grasp the overall flow well. Thank you! 🙏

  • syung2love661314님의 프로필 이미지
    syung2love661314

    수강평 1

    평균 평점 5.0

    5

    66% 수강 후 작성

    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
      지식공유자

      Thank you for your kind words :) Happy coding!

  • todaerika님의 프로필 이미지
    todaerika

    수강평 10

    평균 평점 4.9

    5

    85% 수강 후 작성

    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
      지식공유자

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

  • sirubom12032826님의 프로필 이미지
    sirubom12032826

    수강평 10

    평균 평점 5.0

    수정됨

    5

    100% 수강 후 작성

    I started this to review HTML, and thanks to your incredibly detailed explanations, I’ve gained a much deeper understanding of it! I highly recommend this to beginners, but I think it’s also very helpful for those looking to review. In particular, I loved that there are summary notes for each section, allowing me to read through the material one more time.

    • sucoding
      지식공유자

      Hello, dear Buldosae. Thank you for your valuable course review! I am truly glad that it helped you achieve your goal of reviewing HTML. It is very encouraging to hear that the detailed explanations and section-by-section summary notes were helpful for your understanding. As you mentioned, I will continue to supplement the content so that it remains a useful lecture not only for beginners but also for those reviewing the material. Please feel free to reach out anytime if you need help with your studies in the future 😊

  • njh522326175님의 프로필 이미지
    njh522326175

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    Thank you for creating such a great course! Even though it was my first time learning this subject, it was easy to understand and I had fun learning it!! If you have time in the future, I hope you can make an Angular course as well haha.

    • sucoding
      지식공유자

      Hello, Kongsuni Computer! Thank you so much for leaving such a precious review! As the creator of this course, it is incredibly rewarding to hear that you found the content easy to understand and enjoyable, even though it was your first time learning it. I will also take your feedback regarding an Angular course into consideration haha. I will continue to strive to provide helpful and enjoyable courses in the future. Let's keep growing together! 🙌

sucoding님의 다른 강의

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

비슷한 강의

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

강의상세.할인문구

$19.80

28%

$27.50