キャンペーン終了まで

割引情報をチェック!

すべての動画をフルで見よう!

現役MBA講師や活躍中の経営者から
ビジネススキルを学べる動画17,800本以上が見放題!

HTML/CSS入門 HTML Living Standardを1時間で学ぼう

会員限定

44分

「AI・テクノベート」の関連動画 一覧を見る

動画説明

今回はウェブサイト作成に必須の「HTML」について、始め方から基本的な構成や書き方まで丁寧に解説します。
ぜひご覧ください。

本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。

※各ツールの画面配置や挙動は撮影時点のものです。ツールのアップデートにより変更されている場合があります。

※動画内で紹介のサイト:https://developer.mozilla.org/ja/docs/Web/HTML/Element

※本動画は、公開時点の情報に基づき作成したものです(2022年7月公開)

講師プロフィール

ともすたCHANNEL:https://www.youtube.com/channel/UCphTq6mefx_15CjD35qgXgA

谷口 允(たにぐち まこと) ともすた/H2O space 代表取締役
富士ゼロックス、ソニーネットワークコミュニケーションズなどでウェブエンジニアとして勤務ののち、2002年に独立。株式会社エイチツーオー・スペースを設立。
メンテナンスしやすいウェブサイトを手ごろな価格で提供することで、大小問わずさまざまな業界のクライアントを応援している。
また、ウェブ業界を豊かで厚みのあるものにするべく、ウェブ制作・プログラム開発の知見をもとに、各種講演や執筆を通じ、学習コンテンツを展開。
近年は講座動画配信プラットフォームUdemyやYouTubeを通じた映像講義配信を手がけ、それぞれで数万人規模の受講者・登録者のプログラミングやウェブ構築に関する学習を支援。
Slackコミュニティを主催することで業界全体のスキルアップを図っている。

主な著書に『6さいからつかえるパソコン』(技術評論社刊)、『よくわかるPHPの教科書』(マイナビ刊)など。

より理解を深め、他のユーザーとつながりましょう。

コメント70件

  • kahotomori

    htmlの使い方を初めて詳しく学んだ、
    まだ動画を見ただけで実践できていないが、次は動画を見ながら実践したい

    2024-07-12
  • kyo1227

    HTML 入門としてわかりやすい内容で理解できた。

    2025-01-18
  • nbe3

    HTMLの基本がわかった。
    Video11の記述はJEPGではなくJPEGだと思った。

    2024-12-23
  • st90570

    基本的なHTMLの記述方法が学べ、理解することが出来た。

    2024-12-15
  • ttc_t_a

    始めて聞く話でしたが、新鮮で面白いなと思いました。CSSの話も視聴したいと思います!

    2024-11-11
  • akiko_saito

    わかりやすかったです。
    先にCSSを見てしまったので、順序が逆になりました。

    2024-10-30
  • murayama-y

    ディレクションをする上で基本が学べて良かった。

    2024-09-30
  • komachitabi

    基本の基本を改めて教えてもらって、良かったと思います。基本を押さえることで応用に役立てると思います。

    2024-09-15
  • psh327

    受講でHTLM、CSSにつれての基礎をリマインドできた。

    2024-09-07
  • ayanoogawa

    日頃ソースで見ているタグの意味を再認識しました。

    2025-02-18
  • naka20240401

    HTMLの基本がわかりよかった

    2024-06-30
  • athushi

    自分にとってプログラミング学習はハードルが高くて今まで避けてきました。この動画を見てHTMLの基礎知識や活かし方を少し知ることができました。WEBサイトの作成に必要なスキルを他のプログラミング動画を見てたくさん吸収していきたいです。

    2024-06-16
  • okam067

    わかりやすくて助かりました

    2024-04-23
  • naike_jpn

    タグと属性の概念が理解できました。

    2024-04-15
  • k_nishi24

    HTML 入門としてわかりやすい内容で理解できた。

    2024-03-28
  • mugiwara

    まずは失敗しても良い自分のページの作成をしてみようと思います

    2024-03-26
  • sbsconts

    過日HTMLの別講座を視聴し、今回類似の講座を視聴したところ、凡そ何をすべきか理解できていることが認識できました。さらにいろいろ学んだ後、実践してみようかと思います。

    2024-03-07
  • yoko9

    初めてプログラミングを学んだのですが大変分かりやすかったです

    2024-03-01
  • kimu1006

    受講でHTLM、CSSにつれての基礎を確認できた。

    2025-08-05
  • dx_choco

    よく理解できました。画像の種類も今まで何気なく使っていましたが写真、イラスト、地図と使い分けがあることも改めて学びました。

    2026-02-01
  • kudaranasubi

    HTMLの基本を再確認することができました。次のCSS動画もこのあとチェックしようと思います。

    2025-11-18
  • ito_erika

    HTMLの基礎を体系的に学べる機会がなかったので、基本が網羅されていて勉強になりました!

    2025-10-23
  • k-tamada

    業務で活用しようと思います

    2025-10-09
  • west_kkc

    大変勉強になりました。

    2025-10-03
  • msk_m

    初めてのHTMLであったがわかりやすかった。

    2025-09-24
  • kuku0615

    ECモールでバナーを貼る、は自分でできるようになりそう

    2025-09-09
  • takutan

    昔のバージョンしかしらないので、学びなおすきっかけになります

    2025-08-08
  • chi-yori

    学び始めたいとちょうど考えていて、教材を探していたところでこの講義を見つけました。
    短時間ですが簡潔で分かりやすい内容でした。
    連続している講義についても受講を進めていきたいと思います。

    2024-02-03
  • koji_w

    組織で使用する教育受講案内
    受講者の募集案内

    2025-07-30
  • ncp61

    SEの方が書いたコードを触るだけだったが、意味が少し分かるようになった。

    2025-07-28
  • meg-ffl

    HTMLが何か、まったく分からなかったが、少し理解できて面白かった。

    2025-07-23
  • konitan1152

    最初の一歩を理解できたように思います。継続して勉強してしっかり知識を付けます。

    2025-06-04
  • everest

    最新仕様に沿った正確で構造的なWebコンテンツを作成でき情報発信の質と信頼性を高めたい。

    2025-06-02
  • hiroki_h1

    簡単な自己紹介していきたい。

    2025-05-31
  • uma614

    業務で使用できると思います。

    2022-08-16
  • tfurui

    ホームページ更新作業の参考にしたいと思います。

    2022-10-28
  • sato777

    完全に素人だったが、各タグの意味、picsumの存在など参考になることがあってよかった。

    2022-10-03
  • yumex1226

    基本を振り返ることができてよかったです。エディタツールのVisual Stuido Codeは知らなかったのでしれてよかったです

    2022-09-26
  • ichi_t

    資料作成で画像を貼るときや、画像データを保存する時、今まではJPEGとPNGの違いも知らず選択していた。

    今の子どもたちは、このような知識を義務教育でインプットされて社会に出てくることを思うと、自分たちがどのようにキャッチアップしていけばいいのか、考えさせられる。

    2022-09-13
  • sgfamaym2020

    ほんの初歩ですが、踏み出してみます

    2022-09-09
  • sawach

    プログラミングの内容は奥が深い

    2022-09-05
  • koji_niwa

    プログラミングの内容は少し難易度が高い

    2022-08-30
  • yasushi-mo

    今まで学んできたHTMLに関する知識を整理できた。
    画像の各拡張子の使い分けが整理できた。

    2022-08-27
  • hrkawaguchi

    htmlを実際に学びながら、どんな言語でどう動くのか実感できてよかった。

    2022-11-07
  • tsumo41630

    理解しました。

    2022-08-10
  • kfujimu_0630

    ホームページを作ったことがないのでとても新鮮な気持ちで見ました。自分でやってみることが大事だと思いました。ありがとうございました。

    2022-08-09
  • yanada1228

    先ずは試したい

    2022-08-07
  • kumap0221

    HTMLに興味はあったのですが、難しそうと思っていましたが、学習をしてもっと学びたくなりました。
    CSSも学んでいきたいと思います。

    2022-08-06
  • tosi1234

    参考にして参ります

    2022-07-31
  • ashibent

     
     

    2022-07-30
  • sphsph

    使って見ないと何とも言えませんが、やればできそうな気になりました。
    もちろんまだまだスタートラインにも立てていません。
    気持ちから入ります。

    2022-07-30
  • anken0401

    ホームページ作成のヒントになった。これからページを作ってみようと思う

    2022-07-30
  • wata-1201

    分かりやすい口座でした

    2023-05-15
  • iso_ken

    HTML5からMTML Living Standardに移行しているが、そんなに大きくは変更がなさそう。

    2024-01-23
  • j_kawasaki

    担当している業務でWeb制作会社の方とやり取りすることが増えて、HTMLやCSSのコードを見る機会があるが、先方の言ってることの意味がわからないことが多く、勉強が必要だと感じていた。
    関連の書籍を購入したものの、読み進めるのも大変でしたが、この講座では基本のキを丁寧に分かりやすく解説していただき、さらに勉強したくなりました。

    2024-01-09
  • sathashi

    HTMLの基本がわかりやすかったです。1時間という短時間の中で、ここまで実践的かつ分かりやすい説明はさすがでした。

    2024-01-05
  • reverend

    とてもわかりやすかったです。今回初めて知ったことは、html validator とLorem Picsumの利用です。とても便利ですね。早速利用していきます。

    2023-12-20
  • me_

    頑張ります、ありがとうございました。

    2023-12-09
  • koji_kunii

    HTMLの基礎の基礎を理解

    2023-12-05
  • impress-design

    全くの初心者ですが、分かりやすい内容でした。更に深めていきたと思いました。

    2023-11-20
  • ojiken

    一般教養として理解しておくとIT関係の話を理解しやすいと感じました

    2023-08-17
  • shusuke-yamada

    プログラミングの文法を学んでからHTML Living Standardを活かすことが出来ます。
    例えば英語圏で通じる設定、絵画や動画の翻訳機能です。

    2022-07-29
  • daiking1980

    学べた気がしますねー

    2023-05-07
  • nnn1991

    コーディングに対して、なんとなくアレルギーがありました。
    ですが、とても分かりやすい口調で、学びやすかったです。そしてどんどんHP上に表示されていくのがわくわくしました。

    2023-04-28
  • kanadon22

    業務で活用する場面はないですが、自作のhpを作る時などに役にたつと感じました

    2023-04-13
  • ueteeee

    エンジニアと会話できるようになるためのツールとして知っておきたい内容です。グロービス本科でも学ばない内容なので、このような実務に直結する学びは素晴らしいと思います。

    2023-04-02
  • mizutaniy

    早いけどわかりやすい。

    2023-01-18
  • hachijo

    サイトの構造、UX完全を考えるための基礎知識として参考になる。

    2022-12-03
  • koudai51

    体系だって勉強できいい機会になりました

    2022-11-19

学習コースの機能を
すべて使おう

有料プランでは、動画学習ごとに設定されたクイズやテスト、学習資料などを見ることができます。

新登場

学びエージェント (AI)

「この用語はどういう意味?」などをAIとチャットできます

詳細を見る

クイズ

動画一つひとつの内容を確認するために、1問1答形式のクイズを受けられます

理解度確認テスト

動画を全て見終わった後、理解度を確認するテストが受けられます

資料を見る

理解度確認テストを全問正解すると、動画で使用した教材を閲覧できます

後で見る

後で見たい動画を保存し、いつでも見返しやすくする機能です

コメントする

動画に対して振り返りのコメントを記載することができます

いますぐ無料体験へ詳細を見る

おすすめの学習動画