Learning the essentials of HTML5

Name: Learning the essentials of HTML5
Price: 26400 KRW
Rating: 5 (23 reviews)

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

（5.0）受講レビュー 23件

受講生 95名

難易度入門

受講期間 無制限

sucoding

HTML/CSS

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

5.0

dlsrksrhk

85% 受講後に作成

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

5.0

hyd

66% 受講後に作成

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

5.0

박건웅

100% 受講後に作成

HTMLの基礎を固めるのにとても役立ちました。単に概念をなぞるだけでなく、なぜこれを使うのか、なぜこれを使わないのかを曖昧にせずしっかり説明してくださり、そうした細やかな部分がとても良かったです。

受講後に得られること

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,370

受講生

344

受講レビュー

182

回答

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

受講レビュー

全体

23件

5.0

23件の受講レビュー

mineboy1235607
受講レビュー 2
∙
平均評価 5.0
2026/07/17
修正済み
5
75% 受講後に作成
1.5倍速で再生しても発音が正確に聞き取れますし、短く明快に必要な部分と本当に重要だと思うポイントを教えてくださったので、飽きることなく最後まで2日間で一気に整理しながら、簡単に学ぶことができたと思います！
todaerika
受講レビュー 10
∙
平均評価 4.9
2025/04/11
5
85% 受講後に作成
バックエンドエンジニアですが、最近フロントエンドについても深く掘り下げてみようと思い、基礎を勉強するために受講しました。まず、声のトーンもそうですが、耳に心地よく響くスタイルなので集中できました。内容は全体的にHTMLの基本及びウェブ標準、ウェブアクセシビリティについて、重要な部分だけを集めてくださっていてよかったです。この後、CSSの講義も 열심히 듣겠습니다(열심히 듣겠습니다は韓国語のため、このままにしておきます)。
- sucoding
  知識共有者
  2025/04/22
  こんにちは、dlsrksrhkさん！私の講義を高く評価していただきありがとうございます:) より良い講義を提供できるよう努力いたします。ありがとうございます。
010618a5861
受講レビュー 1
∙
平均評価 5.0
2026/07/20
5
100% 受講後に作成
HTMLの基礎を固めるのにとても役立ちました。単に概念をなぞるだけでなく、なぜこれを使うのか、なぜこれを使わないのかを曖昧にせずしっかり説明してくださり、そうした細やかな部分がとても良かったです。
ossetian2813
受講レビュー 2
∙
平均評価 4.5
2026/06/25
修正済み
5
80% 受講後に作成
合間に実習もあったので復習しやすかったですし、説明も画像で具体化してくださったので、より理解が深まった気がします。正直、Reactを勉強していて、あまりにも基礎がないままコードだけをタイピングしている感じがしたので、HTMLからもう一度基礎を固めようと思って受講しました。今回の機会に、スコーディングさんのカリキュラムでしっかり土台を作ってみようと思います（笑）
- sucoding
  知識共有者
  2026/07/16
  丁寧なレビューをいただき、本当にありがとうございます！😊 実習と画像を活用した説明が役に立ったとのこと、大変嬉しく思います。おっしゃる通り、Reactを勉強していると「なぜこのように書くのか」よりも「とりあえず真似して入力すること」に集中してしまいがちですが、だからこそHTMLから一歩ずつ基礎を固めることが、長期的には大きな助けになります。私のカリキュラムで基礎をしっかりと固めたいと言っていただき、より一層責任を感じています。これからも単に文法を教えるだけでなく、原理を理解し、自ら応用できるような講義を作っていきたいと思います。最後まで一緒に成長していきましょう！ありがとうございます。😊
syung2love661314
受講レビュー 2
∙
平均評価 5.0
2025/02/16
5
66% 受講後に作成
HTMLの知識がほとんどない状態から始めましたが、この講義を通して段階的に学習することができました。各講義で簡単な概念から始まり、徐々に高度な内容まで扱ってくれるので、HTMLの全般的な概念を体系的に身につけることができました。特に、各例題と実習を通して実践的な知識を習得できたので、有益でした。
- sucoding
  知識共有者
  2025/02/18
  良いお言葉ありがとうございます:) ハッピーコーディングしてください！

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

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

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

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

作成しながら学ぶ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

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

jamescoding

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

入門

HTML/CSS, JavaScript, Git

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

jamescoding

[ブートストラップ5]迅速かつスマートにWebサイトを作成| Bootsrap入門用

codethem

ブートストラップ5で自分だけの色をつけたポートフォリオウェブサイト制作から配布まで！世界で最も人気のあるWebデザインツールキット！ Bootstrap 5

入門

HTML/CSS, Bootstrap

[ブートストラップ5]迅速かつスマートにWebサイトを作成| Bootsrap入門用

codethem

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

rebehayan

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

入門

HTML/CSS, nvda

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

rebehayan

モバイル、タブレット、pcレスポンシブインスタグラムクローンコーディング

jeong4726

この講義を通じて、受講生はHTML、CSS、JSでインスタグラムに似たWebサービスを作成することができます。（フロントのみ実装しました！バックエンドサーバー構築は今後講義撮影予定です。）

初級

HTML/CSS, JavaScript, Clone Coding

モバイル、タブレット、pcレスポンシブインスタグラムクローンコーディング

jeong4726

モバイルウェブ制作入門：Figmaデザインを完璧に実装する（Javascript付き）

ezweb

ウェブ開発の第一歩を踏み出しましたか？HTML、CSS、JavaScriptを始めたばかりの方に特別なご提案です！モバイル時代に合わせてモバイルウェブサイトを作りたいけれど、どこから始めればいいか迷っていませんか？ご心配はいりません。 Figmaモバイルデザインを直接分析し実装しながら、自然にレスポンシブウェブ開発の核心を学んでみましょう。洗練されたモバイルデザインを基に、ユーザーの心を掴む繊細なインタラクションから、様々な画面サイズに完璧に適応する技術まで、全てを一緒に学んでいくことができます。さあ、あなたのウェブサイトが全てのデバイスで輝くように、ノウハウを共有します。一緒に始めてみませんか？

初級

Figma, HTML/CSS, JavaScript

モバイルウェブ制作入門：Figmaデザインを完璧に実装する（Javascript付き）

ezweb

非専攻者でも可能なAIバイブコーディング入門コース

itconnect

💡 非開発者もAIと一緒にたった10時間で創業MVPから収益化サービスまで！ 💰 外注費数千万円が必要だった開発、今や12万円で完全解決 🎯 名刺認識、感情分析、立地分析まで実戦ビジネスプロジェクト5個完走 🔥 企画者、マーケター、予備創業者なら開発者なしでもアイデア実現 ⚡ 今始めれば一生使える開発自立能力を獲得しましょう！

入門

HTML/CSS, Java, Web Application

非専攻者でも可能なAIバイブコーディング入門コース

itconnect

ChatGPT API入門講座 - 30分で多国語翻訳機Webフルスタック開発

kyaryunha

ChatGPT APIで30分で多言語翻訳ウェブフルスタックを開発し、人工知能を全く知らなくてもプロダクトに最新の人工知能（ChatGPT API）を導入してみましょう！

入門

ChatGPT, Python, HTML/CSS

ChatGPT API入門講座 - 30分で多国語翻訳機Webフルスタック開発

kyaryunha

非専門家のための真の入門オールインワン開発ブートキャンプ

grab

初心者でもできる、ウェブ、サーバー、モバイルアプリ、機械学習まで習得できるフルスタックの最終講義!! 開発をどこから始めたらよいかわからない場合は、この講義を強くお勧めします。Javascript 1 つで進めます!

入門

JavaScript, React, Node.js

非専門家のための真の入門オールインワン開発ブートキャンプ

grab

UIUXデザイナー就職のためのウェブポートフォリオ制作：パーソナルブランディング戦略

jyoung

"2026年度 UIUXデザイナー | コーディングするデザイナーエージェンシー合格ポートフォリオ公開" 面接官の目を引くUIUXウェブポートフォリオを制作する実践講義です。単なるポートフォリオ制作ではなく、インタラクションを活用した差別化された成果物で、 UIUXデザイナーとしての就職競争力を高められるよう設計されたカリキュラムです。

初級

HTML/CSS, JavaScript, Web Application

UIUXデザイナー就職のためのウェブポートフォリオ制作：パーソナルブランディング戦略

jyoung

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

Michael Kwon

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

初級

HTML/CSS, Figma

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

Michael Kwon

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

usefulit

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

初級

HTML/CSS, jQuery, XD

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

usefulit

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

antfellow77251

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

初級

HTML/CSS

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

antfellow77251

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

nhcodingstudio

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

初級

HTML/CSS, JavaScript, oop

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

nhcodingstudio

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

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

入門

HTML/CSS, html5, css

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

ウェブデザイン開発技能士 [2025年] 実技全体 (カカオトーク質問可能)

dunopi

全国合格率60%のうち、うちのクラスの合格率は90%！試験の要求事項を把握すれば可能です。実技書は買わないで。難しいです。

初級

HTML/CSS, jQuery

ウェブデザイン開発技能士 [2025年] 実技全体 (カカオトーク質問可能)

dunopi

生成AIだけでウェブサイト制作からデプロイまで

JEngineer

AI時代に不可欠なAIを活用し、最適な成果を得たい方々のために準備しました。たった2時間で、AI活用をコーディングを通じて本格的に学ぶことができます。

入門

HTML/CSS, JavaScript, Business Productivity

生成AIだけでウェブサイト制作からデプロイまで

JEngineer

2024 html/css 基礎タンタン超スピード頑強コース

jyoung

html/css初心者入門者を対象に基礎をしっかり固め、もちろんレスポンシブレイアウト作成の実践を学ぶことができます。

入門

HTML/CSS, Flex, css3

2024 html/css 基礎タンタン超スピード頑強コース

jyoung

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

ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

webstoryboy

ウェブデザイン機能社出題基準 2023年バージョンに合わせて誰でも合格できるように製作しました。 5種類を学び、素早く合格しましょう！

初級

HTML/CSS, jQuery, JavaScript

ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

webstoryboy

Learning the essentials of HTML5

5.0

受講後に得られること

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

気になる

何を学びますか？

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

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

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

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

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

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

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

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

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

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

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

✅ 画像リンク

✅ 基本から着実に

✅ ウィキバックと目次

✅ ログイン

✅ 料金表

✅ Credeit Card

よくある質問

受講前の注意

練習環境

学習資料

選手の知識と注意事項

こんな方に
おすすめです

こんにちは
sucodingです。

カリキュラム

受講レビュー

sucodingの他の講座

似ている講座

Learning the essentials of HTML5

5.0

受講後に得られること

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

気になる

何を学びますか？

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

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

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

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

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

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

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

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

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

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

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

✅ 画像リンク

✅ 基本から着実に

✅ ウィキバックと目次

✅ ログイン

✅ 料金表

✅ Credeit Card

よくある質問

受講前の注意

練習環境

学習資料

選手の知識と注意事項

こんな方に おすすめです

こんにちは sucodingです。

カリキュラム

受講レビュー

sucodingの他の講座

似ている講座

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

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

こんな方に
おすすめです

こんにちは
sucodingです。