Learning the essentials of HTML5

Name: Learning the essentials of HTML5
Price: 35200 KRW
Rating: 4.9 (17 reviews)

We thoroughly explore HTML5, from the basics that front-end beginners must learn to advanced techniques!

（4.9）受講レビュー 17件

受講生 82名

難易度入門

受講期間 無制限

sucoding

HTML/CSS

学習した受講者のレビュー

4.9

5.0

dlsrksrhk

85% 受講後に作成

バックエンドエンジニアですが、最近フロントエンドについても深く掘り下げてみようと思い、基礎を勉強するために受講しました。まず、声のトーンもそうですが、耳に心地よく響くスタイルなので集中できました。内容は全体的にHTMLの基本及びウェブ標準、ウェブアクセシビリティについて、重要な部分だけを集めてくださっていてよかったです。この後、CSSの講義も 열심히 듣겠습니다(열심히 듣겠습니다は韓国語のため、このままにしておきます)。

5.0

hyd

66% 受講後に作成

HTMLの知識がほとんどない状態から始めましたが、この講義を通して段階的に学習することができました。各講義で簡単な概念から始まり、徐々に高度な内容まで扱ってくれるので、HTMLの全般的な概念を体系的に身につけることができました。特に、各例題と実習を通して実践的な知識を習得できたので、有益でした。

5.0

강명호

30% 受講後に作成

実習も交えながら勉強できたので、理論だけを学んでいた時に自分で書こうとして感じた 막막함（途方に暮れる感じ）がなく、同時に経験させていただけてとても良かったです。

受講後に得られること

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 HTML5 based project practice

気になる

何を学びますか？

HTML5では使用できるタグが150個以上になります。本当にたくさんありますか？
しかし、これらすべてのタグをすべて学び、それぞれの意味をすべて暗記することは容易ではありません。

この講義では、実務でよく使うタグだけを厳選して学習します。
実際の業務で活用頻度の低いタグは思い切って除いて、
重要なタグだけが集中的に学習できるように設定しました。

これにより、初心者でもより簡単かつ効率的にHTMLを学ぶことができます。

ちょっと待ってください！

講義にも私と合う「決」があることをご存知ですか？

誰にも認められる大作ゲームが私には面白くないように、
講義も皆に同じように合うわけではありません。

いくら賞賛が自らの講義でも私と合わないことができ、
逆に、誰かに普通の講義が私にとって最高の講義になることができます。

だから私のすべての講義は少なくとも10％以上無料で公開されています。
直接聞いて、私とスタイルの「結」が合っていることを確認してみてください！

もし私と結ばれたら、
フロントエンド開発者への最速の近道をご案内いたします。
信じてフォローしてください！ 🚀

こんな方に
おすすめです

学習対象は
誰でしょう？

Beginner & novice who has never studied HTML before
Experienced, but not confident in my knowledge of HTML.
A practitioner who only uses divs for markup without using semantic tags.
Someone who wants to learn simply and easily, without complicated explanations.

こんにちは
sucodingです。

5,140

受講生

311

受講レビュー

160

回答

4.9

講座評価

講座

スコーディングは、オンラインとオフラインを並行しながら
コーディングを教える活動をしています。

長年のオフライン講義の経験を活かし、
より多くの人々がコーディングを簡単かつ楽しく学べるように
毎日悩み、絶えず努力しています。

現在まで次のような4冊の本を出版し、
フロントエンド講義分野をリードしています：

また、YouTubeチャンネルを通じて様々な無料講義も提供しています。
👇 今すぐ訪問してみてください
[YouTubeチャンネルリンク]

様々な割引情報も公式サイトでいち早くご確認いただけます。
👇 今すぐチェックしてみてください
[公式サイトのリンク]

カリキュラム

全体

69件 ∙ (4時間 11分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．始める

3件 ∙ (20分)

セクション 2．HTMLの基礎

8件 ∙ (15分)

セクション 3．テキスト

12件 ∙ (28分)

12. 見出し
01:57
13. 段落
03:50
14. [TIP] 正しいヘディングタグの使い方
06:58
15. (実習) ポストイット
16. (解説) ポストイット
05:57
17. strong, em
04:24
18. b, i
05:03
19. （実習）強調する
20. (正解) 強調する
21. (実習) 思い出の童謡
22. (正解) 思い出の童謡
23. テキストタグの整理

セクション 4．リンクと画像

9件 ∙ (37分)

セクション 5．リストとグループ

6件 ∙ (24分)

セクション 6．フォーム

11件 ∙ (45分)

セクション 7．テーブル

6件 ∙ (31分)

セクション 8．知っておくと役立つコーディング知識

4件 ∙ (3分)

セクション 9．セマンティック (semantic)

7件 ∙ (38分)

セクション 10．自分で作ってみる

2件 ∙ (8分)

セクション 11．完走おめでとうございます。

1件

講座掲載日: 2025/02/13

最終更新日: 2026/03/05

受講レビュー

全体

17件

4.9

17件の受講レビュー

syung2love661314
受講レビュー 2
∙
平均評価 5.0
2025/02/16
5
66% 受講後に作成
HTMLの知識がほとんどない状態から始めましたが、この講義を通して段階的に学習することができました。各講義で簡単な概念から始まり、徐々に高度な内容まで扱ってくれるので、HTMLの全般的な概念を体系的に身につけることができました。特に、各例題と実習を通して実践的な知識を習得できたので、有益でした。
- sucoding
  知識共有者
  2025/02/18
  良いお言葉ありがとうございます:) ハッピーコーディングしてください！
aust7505
受講レビュー 8
∙
平均評価 5.0
2026/03/01
5
100% 受講後に作成
他のフロントエンド講義を受けていて不満を感じ、こちらに移ってきたのですが、とても満足して受講しています。
- sucoding
  知識共有者
  2026/03/03
  こんにちは、Nexusさん。とても励みになるレビューですね！私の講義を気に入っていただけて良かったです。良い一日をお過ごしください！
dkanrjsk17461437
受講レビュー 1
∙
平均評価 5.0
2026/03/11
5
30% 受講後に作成
実習も交えながら勉強できたので、理論だけを学んでいた時に自分で書こうとして感じた 막막함（途方に暮れる感じ）がなく、同時に経験させていただけてとても良かったです。
- sucoding
  知識共有者
  2026/03/15
  康明浩（カン・ミョンホ）様、こんにちは。素敵なレビューを残していただき、ありがとうございます！理論だけを勉強すると、いざ自分で実装しようとした時に途方に暮れてしまうことが多いですが、実習を通じてすぐに経験されたとのことで、本当によかったです。講義でも、理論を理解した後にすぐ自分の手で実装しながら身につける過程が重要だと考え、実習を組み合わせて構成しました。これからの講義でも、学んだ内容を実際に作ってみることで、より自然に体得していただけると思います。最後まで楽しく学習できるよう応援しております。ありがとうございました！ 😊
todaerika
受講レビュー 10
∙
平均評価 4.9
2025/04/11
5
85% 受講後に作成
バックエンドエンジニアですが、最近フロントエンドについても深く掘り下げてみようと思い、基礎を勉強するために受講しました。まず、声のトーンもそうですが、耳に心地よく響くスタイルなので集中できました。内容は全体的にHTMLの基本及びウェブ標準、ウェブアクセシビリティについて、重要な部分だけを集めてくださっていてよかったです。この後、CSSの講義も 열심히 듣겠습니다(열심히 듣겠습니다は韓国語のため、このままにしておきます)。
- sucoding
  知識共有者
  2025/04/22
  こんにちは、dlsrksrhkさん！私の講義を高く評価していただきありがとうございます:) より良い講義を提供できるよう努力いたします。ありがとうございます。
woogieonxon
受講レビュー 12
∙
平均評価 5.0
2026/02/19
5
30% 受講後に作成
いつも素晴らしい講義をありがとうございます！
- sucoding
  知識共有者
  2026/02/19
  こんにちは、Hey Judeさん！素敵なレビューをありがとうございます :) 今日も良い一日をお過ごしください！

sucodingの他の講座

知識共有者の他の講座を見てみましょう！

TypeScriptで学ぶReact.js：基礎から最新技術まで完璧に

sucoding

React 19の最新機能をTypeScriptと共に学ぶReact完成講座！基礎から状態管理（Context, Redux Toolkit, Zustand）、API通信（Fetch, Axios）、最新フック（use, useActionState, useOptimisticなど）、実践プロジェクトまで一歩ずつ習得し、実務にすぐ適用できるReactアプリを作ることができます。

初級

React, react-router, redux-toolkit

TypeScriptで学ぶReact.js：基礎から最新技術まで完璧に

sucoding

はじめて学ぶPythonプログラミング入門

sucoding

IT専門の出版著者であり、コーディングクリエイターである「スコーディング」ならではの安定した学習法で、非専門家でも挫折することなく完走できるように設計された入門講座です。複雑な理論は思い切って削ぎ落とし、必須の文法だけを厳選して実習中心にお伝えします。初めてコーディングを始める方も、最後まで受講すれば、Pythonで自分だけのプログラムを自力で作り上げることができます。

入門

Python, AI, python3

はじめて学ぶPythonプログラミング入門

sucoding

TypeScriptで学ぶNext.js 16+ 完全攻略：基礎から最新アーキテクチャまで

sucoding

この講座は、TypeScriptをベースにNext.js 16+を基礎から実戦プロジェクトレベルまで完成させるオールインワン講座です。App Router、Server Components、Server Actions、Caching、Cache Components、認証、パフォーマンス最適化、デプロイまで、最新のNext.jsの核心概念と実務パターンを直接実装しながら学習します。

入門

JavaScript, React, TypeScript

TypeScriptで学ぶNext.js 16+ 完全攻略：基礎から最新アーキテクチャまで

sucoding

Learning TypeScript by Picking Out the Essentials

sucoding

Essential TypeScript syntax for beginner front-end developers! From basic to advanced, we'll thoroughly explore the TypeScript language!

入門

TypeScript

Learning TypeScript by Picking Out the Essentials

sucoding

Learning Vue.js by Picking Out the Essentials

sucoding

Vue.JS is a must-learn for front-end beginners!! We will thoroughly explore Vue.JS from basic to advanced levels!

初級

Vue.js, Vue 3, pinia

Learning Vue.js by Picking Out the Essentials

sucoding

JavaScriptの要点だけを厳選して学ぶ

sucoding

フロントエンド初心者が必ず習得すべきJavascript文法！基礎から始めて、高度な内容に至るまでJavaScript言語を徹底的に掘り下げていきます！

入門

JavaScript

JavaScriptの要点だけを厳選して学ぶ

sucoding

Learning CSS3 by Picking Out the Essentials

sucoding

CSS3 is essential for frontend beginners!! Let's thoroughly explore CSS3 from basic to advanced!

入門

HTML/CSS

Learning CSS3 by Picking Out the Essentials

sucoding

作成しながら学ぶHTML/CSS

sucoding

自分自身を紹介するシンプルなポートフォリオを作りながら HTMLタグで構造を作成する方法とCSSプロパティでWebページを飾る方法を学びます。

初級

HTML/CSS

作成しながら学ぶHTML/CSS

sucoding

似ている講座

同じ分野の他の講座を見てみましょう！

Learning CSS3 by Picking Out the Essentials

sucoding

CSS3 is essential for frontend beginners!! Let's thoroughly explore CSS3 from basic to advanced!

入門

HTML/CSS

Learning CSS3 by Picking Out the Essentials

sucoding

HTML+CSS+JS ポートフォリオ実践公開(シーズン1)

codingworks

HTML+CSS+JQUERY 初中級パブリッシングでは、さまざまな実践例を学習することで、パブリッシングの中級レベルに達するための基本を習得します。特に、さまざまな実践例を通じて十分な説明と実践作業を経験し、パブリッシングに自信がつきます。41時間以上の十分な学習量を提供するパブリッシングの授業です。（コーディングワークスのYouTubeパブリッシングチャンネルでCSS中級理論の学習を併行すると、より効果的です。）

初級

HTML/CSS, jQuery

HTML+CSS+JS ポートフォリオ実践公開(シーズン1)

codingworks

[2024]リベホワイトのHTML基礎実務

rebehayan

HTML基礎文法を扱う講義です。様々な事例のミッションが存在し、実務から利用可能な最新文法までお知らせします。

入門

HTML/CSS, nvda

[2024]リベホワイトのHTML基礎実務

rebehayan

ジェームスコーディングフルスタック開発入門5週間完成

jamescoding

ジェームスコーディングコースは、フルスタックの深化カリキュラムの開始前に、Web開発の基礎を盛り込むことができるフルスタック開発入門コースです。することができます。

入門

HTML/CSS, JavaScript, Git

ジェームスコーディングフルスタック開発入門5週間完成

jamescoding

カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）

ruhunsu30591

カフェ24に登場したベストショッピングモールデザインを直接クローンコーディングしてみて素早くHTMLとCSSを学ぶことができます。HTML + CSSの基本的な理論を学び、直接クローンコーディングを通じてモールデザインを完成させ、理論で学んだ内容を適用し、しっかりとHTMLとCSSの枠組みをつかむことができるように講義を設定しました

入門

Clone Coding, HTML/CSS, Web Design

カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）

ruhunsu30591

ピュアなHTML/CSS/JSのみを活用したレスポンシブウェブ制作【実践編】ブートキャンプ

youngcodikimssam

Bootstrapを使わずに、純粋なhtml/css/jsのみを活用して、デバイス別に多様なレイアウトを実装できるレスポンシブウェブページ作成[2024年最新版]授業の実践制作授業です。

初級

HTML/CSS, Responsive Web, Interactive Web

ピュアなHTML/CSS/JSのみを活用したレスポンシブウェブ制作【実践編】ブートキャンプ

youngcodikimssam

実務中心のHTML5可視化プログラミング

antfellow77251

データを加工して表の形で表現することもできますが、最も重要なのは、データを人間が一目で分かるように表現することです。

初級

HTML/CSS

実務中心のHTML5可視化プログラミング

antfellow77251

Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

ggangcoding162118

Webゲームも作って、フロントエンドWeb開発スキルも学ぶ1席3組授業！

初級

Interactive Web, JavaScript, HTML/CSS

Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

ggangcoding162118

Do it! HTML+CSS+JavaScript Web 標準の定石

easyspub

キーボードを持って実習してみると、Web開発の3大技術が終わる！

入門

HTML/CSS, JavaScript, DOM

Do it! HTML+CSS+JavaScript Web 標準の定石

easyspub

フロントエンド入門：HTML、CSSを一番簡単に理解する

3年目のフロントエンドエンジニアが最も分かりやすく教えるHTML、CSS基礎講座です。

入門

HTML/CSS, html5, css

フロントエンド入門：HTML、CSSを一番簡単に理解する

効果的なモバイルUXを作成(デザイン+コーディング)

usefulit

PhotoshopとAdobe XDプログラムを活用して、さまざまなデバイスのWeb、アプリレイアウトを設計した後、簡単なコーディング技術を学習して直接実装してみることができます。

初級

HTML/CSS, jQuery, XD

効果的なモバイルUXを作成(デザイン+コーディング)

usefulit

Figma デザインからパブリッシングまで

Michael Kwon

デザイナーと開発者のためのオールインワン講座！新しいUI3を反映

初級

HTML/CSS, Figma

Figma デザインからパブリッシングまで

Michael Kwon

解きながら学ぶ情報処理産業技士過程評価型実技完璧整理

Neo

解きながら学ぶ情報処理産業技士情報処理産業技士過程評価型実技合格のためにすべてを準備しました。

入門

HTML/CSS, Java, SQL

解きながら学ぶ情報処理産業技士過程評価型実技完璧整理

Neo

コーディングのコーディング基礎とWebフルスタックの開発

jocoding

コーディング1位 YouTubeのジョコーディングの本番圧縮！簡単で楽しいWebフルスタック開発講義

入門

HTML/CSS, JavaScript, Node.js

コーディングのコーディング基礎とWebフルスタックの開発

jocoding

Do It! Django+Bootstrap: Python Web Developmentの定石

SungYong Lee

作りながら学ぶPythonウェブ開発A to Z！ウェブの基礎からブログの開発、デプロイまで一度に学びましょう。

初級

Python, Django, Bootstrap

Do It! Django+Bootstrap: Python Web Developmentの定石

SungYong Lee

フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]

funcoding

実務で実際にWebサービスを開発した経験をもとに、入門者が実際に商用化も可能なレベルのWebとアプリサービスを開発することを目標とするフルスタックシリーズ講座です。そのためのPart2講座として、多様な技術が存在するフロントエンド技術の中で、レスポンシブ、互換性まで考慮した最新のHTML5、CSS3、バニラJavaScript + ES6をすべてしっかりと整理する講座です。

入門

HTML/CSS, JavaScript, ES6

フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]

funcoding

[幻想的な足足]デザインからコーディングまで

dunopi

おいしい足足です〜最近は足足いたずらではありません...蜂蜜

初級

Photoshop, HTML/CSS, Clone Coding

[幻想的な足足]デザインからコーディングまで

dunopi

パブリッシャー個人ポートフォリオホームページ制作完全ガイド(PDF)

codingworks

就職のためには面接を頻繁に受ける必要があります。面接の機会を増やすためには、質の高いパブリッシャーの個人ポートフォリオサイトが不可欠です。CodingWorksが心血を注いで作成した、質の高い個人ポートフォリオサイト制作ガイド教材（PDF）です。この教材は、インターネットで検索して手に入るような内容ではありません。CodingWorksが長年現場で300人以上の学生にパブリッシングの理論、実践、個人ポートフォリオサイト制作を講義し、学生たちが一日も早く希望する企業に就職できるよう、個人ポートフォリオサイトの制作方法を詳細に盛り込んだ、世界に一つだけのパブリッシャー就職用個人ポートフォリオサイト制作ガイド（PDF）です。

初級

Portfolio, Web Design, HTML/CSS

パブリッシャー個人ポートフォリオホームページ制作完全ガイド(PDF)

codingworks

JavaScriptオブジェクト指向、理論ではなく「作りながら」学びます（戦略AI編）

nhcodingstudio

📌 この講義は、戦略型AI三目並べプロジェクトから始まり、オブジェクト指向プログラミングの核心概念まで実践例で完成させるカリキュラムです。ゲーム実装でロジック設計とAI戦略思考を訓練し、続いて継承、合成、委譲、カプセル化のようなOOP設計技術を直接コードで体験します。実際のプロジェクトで文法を超えて「設計する開発者」として成長したい方におすすめします。

初級

HTML/CSS, JavaScript, oop

JavaScriptオブジェクト指向、理論ではなく「作りながら」学びます（戦略AI編）

nhcodingstudio

【2026年出題基準】ウェブデザイン技能検定実技試験完全ガイド

codingworks

ウェブデザイン開発技能士（旧ウェブデザイン技能士）出題基準（2025.1.1 ～ 2027.12.31）まで施行される出題基準に正確に合わせたウェブデザイン技能士実技試験の内容に最適化されている実技試験専門講義として、HTML+CSS+JQUERYパブリッシング、コーディングワークスのウェブデザイン開発技能士実技試験講義は一味違います。 2026年ウェブデザイン開発技能士のすべての試験タイプ（A, B, C, D, E, Fタイプ）を完璧に制作した授業動画がすべて反映されています。

入門

HTML/CSS, jQuery, Web Design

【2026年出題基準】ウェブデザイン技能検定実技試験完全ガイド

codingworks

Learning the essentials of HTML5

4.9

受講後に得られること

スコーディングオンライン講義が本でも出版されました！

気になる

何を学びますか？

完全初心者でも大丈夫です、

基礎からじっくりとみんなお知らせします。

スコーディング講義だけ
特別なポイント

完全初心者でも簡単に理解できるカリキュラム

実践にすぐに適用できるタグ中心学習

直感的な例と実践中心の講義

実務のヒントと開発者のノウハウ惜しみなく公開

受講生のカスタムフィードバックと入念なQ&Aサポート

ちょっと待ってください！

講義にも私と合う「決」があることをご存知ですか？

この講義で作る
様々なミニプロジェクト

✅ 画像リンク

✅ 基本から着実に

✅ ウィキバックと目次

✅ ログイン

✅ 料金表

✅ Credeit Card

よくある質問

受講前の注意

練習環境

学習資料

選手の知識と注意事項

こんな方に
おすすめです

こんにちは
sucodingです。

カリキュラム

受講レビュー

sucodingの他の講座

似ている講座

Learning the essentials of HTML5

4.9

受講後に得られること

スコーディングオンライン講義が本でも出版されました！

気になる

何を学びますか？

完全初心者でも大丈夫です、

基礎からじっくりとみんなお知らせします。

スコーディング講義だけ特別なポイント

完全初心者でも簡単に理解できるカリキュラム

実践にすぐに適用できるタグ中心学習

直感的な例と実践中心の講義

実務のヒントと開発者のノウハウ惜しみなく公開

受講生のカスタムフィードバックと入念なQ&Aサポート

ちょっと待ってください！

講義にも私と合う「決」があることをご存知ですか？

この講義で作る様々なミニプロジェクト

✅ 画像リンク

✅ 基本から着実に

✅ ウィキバックと目次

✅ ログイン

✅ 料金表

✅ Credeit Card

よくある質問

受講前の注意

練習環境

学習資料

選手の知識と注意事項

こんな方に おすすめです

こんにちは sucodingです。

カリキュラム

受講レビュー

sucodingの他の講座

似ている講座

スコーディング講義だけ
特別なポイント

この講義で作る
様々なミニプロジェクト

こんな方に
おすすめです

こんにちは
sucodingです。