キャンペーン終了まで

割引情報をチェック!

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

初回登録なら7日間無料! いつでも解約OK

いますぐ無料体験へ

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

  • 0h 44m (13sections)
  • テクノベート (テクノロジーとイノベーション)
  • 実践知

このコースについて

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

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

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

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

講師プロフィール

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

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

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

コース内容

  • コース紹介
  • HTML制作に必要なソフト
  • HTMLを書いてみよう
  • 主なHTMLタグ
  • 属性
  • タグの入れ子、正しいタグの確認
  • HTMLの決まり文句
  • HTML Living Standardとは
  • UTF-8とは
  • 画像を貼ろう
  • 画像を貼ろう:ウェブで使える画像
  • パスとは
  • HTMLを作ってみよう

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

50人の振り返り

  • yasushi-mo

    IT・WEB・エンジニア

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

    2022-08-27
  • okamura256

    IT・WEB・エンジニア

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

    2024-04-23
  • wata-1201

    IT・WEB・エンジニア

    分かりやすい口座でした

    2023-05-15
  • hachijo

    マーケティング

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

    2022-12-03
  • anken0401

    IT・WEB・エンジニア

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

    2022-07-30
  • naike_jpn

    マーケティング

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

    2024-04-15
  • sathashi

    経営・経営企画

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

    2024-01-05
  • ojiken

    営業

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

    2023-08-17
  • tosi1234

    営業

    参考にして参ります

    2022-07-31
  • athushi

    その他

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

    2024-06-16
  • sawach

    IT・WEB・エンジニア

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

    2022-09-05
  • yanada1228

    その他

    先ずは試したい

    2022-08-07
  • kumap0221

    その他

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

    2022-08-06
  • sphsph

    メーカー技術・研究・開発

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

    2022-07-30
  • mizutaniy

    メーカー技術・研究・開発

    早いけどわかりやすい。

    2023-01-18
  • daiking1980

    営業

    学べた気がしますねー

    2023-05-07
  • sgfamaym2020

    人事・労務・法務

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

    2022-09-09
  • hrkawaguchi

    IT・WEB・エンジニア

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

    2022-11-07
  • impress-design

    経営・経営企画

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

    2023-11-20
  • shusuke-yamada

    その他

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

    2022-07-29
  • tfurui

    その他

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

    2022-10-28
  • sato777

    メーカー技術・研究・開発

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

    2022-10-03
  • yumex1226

    IT・WEB・エンジニア

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

    2022-09-26
  • koji_niwa

    人事・労務・法務

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

    2022-08-30
  • murayama-y

    その他

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

    2024-09-30
  • iso_ken

    専門職

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

    2024-01-23
  • psh327

    IT・WEB・エンジニア

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

    2024-09-07
  • ichi_t

    経営・経営企画

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

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

    2022-09-13
  • reverend

    その他

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

    2023-12-20
  • nnn1991

    マーケティング

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

    2023-04-28
  • komachitabi

    人事・労務・法務

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

    2024-09-15
  • sbsconts

    コンサルタント

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

    2024-03-07
  • kfujimu_0630

    マーケティング

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

    2022-08-09
  • koudai51

    営業

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

    2022-11-19
  • kahotomori

    その他

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

    2024-07-12
  • j_kawasaki

    販売・サービス・事務

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

    2024-01-09
  • ttc_t_a

    経理・財務

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

    2024-11-11
  • ueteeee

    経営・経営企画

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

    2023-04-02
  • naka20240401

    マーケティング

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

    2024-06-30
  • akiko_saito

    販売・サービス・事務

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

    2024-10-30
  • ashibent

    販売・サービス・事務

     
     

    2022-07-30
  • tsumo41630

    IT・WEB・エンジニア

    理解しました。

    2022-08-10
  • mugiwara

    営業

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

    2024-03-26
  • uma614

    人事・労務・法務

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

    2022-08-16
  • chi-yori

    販売・サービス・事務

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

    2024-02-03
  • me_

    その他

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

    2023-12-09
  • yoko9

    その他

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

    2024-03-01
  • kanadon22

    その他

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

    2023-04-13
  • k_nishi24

    メーカー技術・研究・開発

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

    2024-03-28
  • koji_kunii

    販売・サービス・事務

    HTMLの基礎の基礎を理解

    2023-12-05

関連動画コース

新着動画コース

10分以内の動画コース

再生回数の多い動画コース

コメントの多い動画コース

オンライン学習サービス部門 20代〜30代ビジネスパーソン334名を対象とした調査の結果 4部門で高評価達成!

7日間の無料体験を試してみよう

無料会員登録

期間内に自動更新を停止いただければ、料金は一切かかりません。