BEST

Web Development

初心者のためのHTMLの基本

Name: 初心者のためのHTMLの基本
Price: 22000 KRW
Rating: 4.8 (28 reviews)

HTMLはとても簡単だと理解していますが、知ってみると難しい内容がたくさんあります。このレッスンでは、HTMLの「難しい部分」を簡単に解いて話すことに取り組んでいます。 HTMLを正しく学びましょう。

（4.8）受講レビュー 28件

受講生 485名

難易度初級

受講期間 無制限

choeun

HTML/CSS

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

4.8

5.0

ChipmunkDev

49% 受講後に作成

まだ講義を頑張っていません。この講義に触れ、HTMLに対する認識を新しくしました。クローンコーディングで初めて勉強し、HTMLはただのタグだけのための言語だと思いましたが、HTMLが文字通りスケルトンになり、Webで一番大きな部分を占めることに気づきました:) フロントバックエンドを区別せずにみんな一度見てほしい！ * HTML入門者が見るには大変かもしれません。

5.0

조용준 (Near)

27% 受講後に作成

HTMLについて勉強する人がいたら、お勧めしたい講義でした。チャプターごとによくまとめられていてすっきりとよく説明してくれて理解しやすかったです。マークアップするときにタグ別の性格に合わせてみることができると思います。毎回短期的にセメンティックウェブについて学びましたが、今回はよくまとめました。 Webアクセシビリティについても、この機会に勉強してみるべきです。ありがとうございます。

5.0

mahwin7085

83% 受講後に作成

本当に最高です。cssや最新の講義も撮ってください。

受講後に得られること

正しいHTMLを書く方法
HTML標準技術
HTML

HTMLの基礎

조은,

このレッスンはHTMLを入門したか、
すでにフロントエンド開発者として、現業にいる方々
HTMLの理解度を高めたいときに聞くと良い講義です。

WHATWGのHTML標準仕様を参照してください
現業で主に使用されるHTML要素と、
HTML要素の活用法について扱う講義です。

何を学びますか？

WHATWG 로고

▲ WHATWG ロゴ

HTML自体が何かについての紹介から始めて、
標準化機構、HTML標準、HTML DOCTYPEなどを学びます。

続いてHTML各要素の意味や使い方などを学び、
仕上げでHTMLで知っておくと良いサイトについて学びます。

講義構成

HTMLとは何ですか？なぜ学習するのですか？ Web標準（Web Standard）のためには、何をどのように参考にし、習得するべきかについて紹介します。

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

HTMLはどのような要素で構成されていますか？個々の要素の内部にどの情報が入るべきかを理解し、HTMLを正しく作成する方法を学びます。

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

外部文書やメディアを読み込むときは、要素をどのように活用する必要がありますか？データを表で表現したり、ユーザーが入力するデータを受け取るときにはどのようなルールを守らなければなりませんか？各要素のベストプラクティスを作成する方法を詳しく説明します。

最後に、実際のHTMLを書くときに役に立つことができるいくつかの情報をまとめました。

注意事項

必ずしもHTML入門知識を知っている必要はありませんが、入門知識がない場合は難しい場合があります。
HTML、CSS、JavaScriptについて知っておくと良いでしょう。

こんな方に
おすすめです

学習対象は
誰でしょう？

HTMLについて知っているが正しく知らない人
HTML入門者

前提知識、
必要でしょうか？

HTML基礎文法

こんにちは
です。

485

受講生

受講レビュー

回答

4.8

講座評価

講座

HTML、CSS、DOMなどのWeb標準技術に関心の高いフロントエンド開発者です。
Web Technologies分野のGoogle Developers Expertでもあります。

ある時は翻訳家として、ある時は開発者として、ある時はプロダクトマネージャーとして、またある時は写真家として活動しています。
連絡先: choeun@techhtml.dev

カリキュラム

全体

70件 ∙ (4時間 33分)

セクション 1．HTMLを見る

10件 ∙ (1時間 25分)

セクション 2．HTML要素に入る

1件 ∙ (10分)

11. HTML要素の紹介
10:15

セクション 3．HTML要素 - Document metadata

6件 ∙ (16分)

セクション 4．HTML要素 - Sections

8件 ∙ (28分)

セクション 5．HTML要素 - Grouping content

9件 ∙ (21分)

セクション 6．HTML要素 - text level semantics

9件 ∙ (24分)

セクション 7．HTML要素 - Embedded content

7件 ∙ (24分)

セクション 8．HTML要素 - tabular data

8件 ∙ (18分)

セクション 9．HTML要素 - フォーム

7件 ∙ (20分)

セクション 10．HTML要素 - Interactive content

4件 ∙ (10分)

セクション 11．仕上げ

1件 ∙ (11分)

講座掲載日:

最終更新日:

受講レビュー

全体

28件

4.8

28件の受講レビュー

quakkadev
受講レビュー 24
∙
平均評価 5.0
5
49% 受講後に作成
まだ講義を頑張っていません。この講義に触れ、HTMLに対する認識を新しくしました。クローンコーディングで初めて勉強し、HTMLはただのタグだけのための言語だと思いましたが、HTMLが文字通りスケルトンになり、Webで一番大きな部分を占めることに気づきました:) フロントバックエンドを区別せずにみんな一度見てほしい！ * HTML入門者が見るには大変かもしれません。
- choeun
  知識共有者
  ありがとうございます！おっしゃったようにHTMLの重要性を扱うのがこの講義の核心価値だ、 HTML入門者が聞くよりも、一度以上扱ってみた方を対象としています。よく聞いてくれてありがとう！
near
受講レビュー 25
∙
平均評価 5.0
5
27% 受講後に作成
HTMLについて勉強する人がいたら、お勧めしたい講義でした。チャプターごとによくまとめられていてすっきりとよく説明してくれて理解しやすかったです。マークアップするときにタグ別の性格に合わせてみることができると思います。毎回短期的にセメンティックウェブについて学びましたが、今回はよくまとめました。 Webアクセシビリティについても、この機会に勉強してみるべきです。ありがとうございます。
- choeun
  知識共有者
  詳細な受講評ありがとうございます。この講義で最も追求することをよく伝えたようで幸いです:) もう一度ありがとうございます。
fireworks800236
受講レビュー 4
∙
平均評価 4.5
4
100% 受講後に作成
良い講義ありがとうございます
- choeun
  知識共有者
  聞いてくれてありがとう :)
mahwin70858236
受講レビュー 3
∙
平均評価 5.0
5
83% 受講後に作成
本当に最高です。cssや最新の講義も撮ってください。
daadaadaah2720
受講レビュー 2
∙
平均評価 5.0
5
100% 受講後に作成
いつものHTMLはただ画面に描くレイアウトをつかむ言語でしか考えていませんでした。そして、これまでウェブアクセシビリティについて勉強する必要性を感じなかったのに、なぜ勉強すべきかが分かるきっかけになったようです！

￥2,793

似ている講座

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

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

rebehayan

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

Beginner

HTML/CSS, nvda

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

rebehayan

リベホワイトのCSS3基礎実務 - 2024

rebehayan

CSS 実務20年以上のキャリアをベースにしたCSS基礎講義へようこそ！このレッスンは、Webパブリッシャーとフロントエンド開発者に成長するための第一歩を踏み出すために準備されました。

Beginner

HTML/CSS, nesting, css3

リベホワイトのCSS3基礎実務 - 2024

rebehayan

JavaScript：基礎から本番までのオールインワン

codingnuna10082706

JavaScriptの基礎講義、応用講義、ポートフォリオ専用講義を別々に探すのではなく、講義ひとつでJavaScriptの基礎から現業が書く様々な応用技術、ポートフォリオまですべて終わりたい方のための講義です。

Basic

JavaScript, HTML/CSS

JavaScript：基礎から本番までのオールインワン

codingnuna10082706

初心者のためのサス基礎講義＆グレープフルーツクローンコーディング

uknow

SassはCSSの拡張言語です。CSSの欠点を補完し、優れた生産性を保証し、強力で簡潔です。基礎構文を学び、学んだ内容を活かしたクローンコーディングを楽しみながら、サスを学びましょう。

Basic

Sass, Clone Coding, HTML/CSS

初心者のためのサス基礎講義＆グレープフルーツクローンコーディング

uknow

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

grab

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

Beginner

JavaScript, React, Node.js

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

grab

非専攻者のためのウェブサイト開発の第一歩 #HTML、#CSS

banana-coder

ウェブサイトを制作する開発者になるためには、学ぶべき技術がたくさんあります。その多くの技術の中で、一番最初に学ぶべき、ウェブサイト制作の基本であるHTML、CSSについて説明します。HTML、CSSの作成方法を学び、最後にはAmazonという実際のウェブサイトを似せて作るプロジェクトを行います。そして、作成したプロジェクトをURLにして配布できるようにします。

Beginner

HTML/CSS, github-desktop

非専攻者のためのウェブサイト開発の第一歩 #HTML、#CSS

banana-coder

簡単かつ迅速に作る様々なイメージエフェクト！

ggangcoding162118

JavaScriptとCSSで散らばった画像を1つの画像に仕上げるさまざまなパターンの画像エフェクトに沿って作成し、ランダムに表示されるように処理します。

Basic

JavaScript, HTML/CSS, Interactive Web

簡単かつ迅速に作る様々なイメージエフェクト！

ggangcoding162118

JavaScriptを正しく学びますか？

realprogrammers

JavaScriptを正しく学びたい初心者のための最も堅実な基礎講義です。この講義ではJavaScriptという言語を理解するための出発点となり、フロントエンド（Vue、React、Angular）開発者、サーバー（Node.js）開発者になるための基礎を完璧に準備できます。

Basic

JavaScript, ES6, HTML/CSS

JavaScriptを正しく学びますか？

realprogrammers

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

ruhunsu30591

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

Beginner

Clone Coding, HTML/CSS, Web Design

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

ruhunsu30591

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

jocoding

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

Beginner

HTML/CSS, JavaScript, Node.js

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

jocoding

バイブコーディング With Claude Codeでウェブサービス作り

ref63184917

現職スタートアップCTOが実際のサービスと複数の外注を通じて得たバイブコーディング知識をお伝えします。

Beginner

HTML/CSS, JavaScript, Next.js

バイブコーディング With Claude Codeでウェブサービス作り

ref63184917

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

easyspub

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

Beginner

HTML/CSS, JavaScript, DOM

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

easyspub

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

ggangcoding162118

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

Basic

Interactive Web, JavaScript, HTML/CSS

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

ggangcoding162118

Firebase シリーズ #2: AI 漢字推薦 & 筆記学習プラットフォーム

dakgangjung123

🔥 漢字学習のためのカスタムプラットフォーム構築！ Google Gemini AIとFirestoreを活用し、自分だけの漢字単語帳、画数アニメーション、手書き認識まで直接実装してみましょう！

Basic

gemini, HTML/CSS, TailwindCSS

Firebase シリーズ #2: AI 漢字推薦 & 筆記学習プラットフォーム

dakgangjung123

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

antfellow77251

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

Basic

HTML/CSS

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

antfellow77251

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

itconnect

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

Beginner

HTML/CSS, Java, Web Application

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

itconnect

[2026年出題基準] Webデザイン開発技能士実技試験完璧ガイド

codingworks

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

Beginner

HTML/CSS, jQuery, Web Design

[2026年出題基準] Webデザイン開発技能士実技試験完璧ガイド

codingworks

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

usefulit

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

Basic

HTML/CSS, jQuery, XD

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

usefulit

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

nhcodingstudio

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

Basic

HTML/CSS, JavaScript, oop

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

nhcodingstudio

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

Neo

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

Beginner

HTML/CSS, Java, SQL

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

Neo

初心者のためのHTMLの基本

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

4.8

受講後に得られること

HTMLの基礎

何を学びますか？

講義構成

注意事項

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

似ている講座

こんな方に
おすすめです

こんにちは
です。