AI時代に活きる、1人で作る技術力を。 プログラミング&デザインスクール プリプロ デザインからプログラミングまで。
すべてを無料で学べる個人開発スクールの決定版!

12|HTMLの構造を理解しよう

⚠️ preproからのお願い

このチャンネルは「修行の場」です。「コピペは原則禁止」。

自分の指でコードを打ち込み、エラーと向き合い、身体で技術を身につけていく。

一見タイパが悪いように見えて、それがジェネラリストへの一番の近道です!

〜デザインからプログラミングまで一人で開発できるジェネラリストへ〜

ICTの技術をトータルで学ぶYouTubeチャンネル「prepro -プリプロ-」へようこそ!

講師の東郷です。

前回はページの情報を記述するheadを制作しましたが、今回は実際に表示される中身(body)を制作していきます。

まずは基本的なHTMLタグと使い方を理解し、セマンティック構造を意識して制作できるようになりましょう!

【この動画で学べること】

  • ヘッダー、フッター、メインを表すタグ
  • 画像のエクスポート
  • アクセシビリティについて
  • 各種HTMLタグ(header, footer, main, h1, img, figure, figcaption, time, small)
  • 文字参照とコピーライト

【preproのカリキュラム方針】

preproでは、特定の言語に特化せず、Webアプリ開発の全体像を学びたい方をターゲットにしています。

本編: 15分でサクサク進むメイン講義

0.5回シリーズ: 習熟度の格差を埋め、しっかり学びたい人のための深掘り講義

この「レベル別階層構造」で、初心者から経験者まで自分のペースで学習を進めることができます。

もっと詳しく知りたい人のための
0.5回シリーズ

前回はページの情報を記述するheadを制作しましたが、今回は実際に表示される中身(body)を制作していきます。

まずは基本的なHTMLタグと使い方を理解し、セマンティック構造を意識して制作できるようになりましょう!

【この動画で学べること】

  • ヘッダー、フッター、メインを表すタグ
  • 画像のエクスポート
  • アクセシビリティについて
  • 各種HTMLタグ(header, footer, main, h1, img, figure, figcaption, time, small)
  • 文字参照とコピーライト