無料

HTML入門:Webページの骨組みをつくる

見出し・リスト・リンク・画像などの基本タグと、header/main/footerを使ったページ構造の組み方を、毎レッスン実際にコードを書いて自己紹介ページを育てながら学べる無料コースです。プログラミング完全未経験の方を対象としており、環境構築や事前知識は一切不要です。約 5 時間 (1 日 30 分 × 10 日) で 20 レッスンを修了でき、修了後は自己紹介ページのHTMLが完成し、CSS入門へ無理なく進めるようになります。

所要時間

約1ヶ月

ランク

初級

参加者

-

このコースで作るもの

1 枚の自己紹介ページを、レッスンごとに少しずつ育てていきます。3 つのコースを通ると下の 3 段階まで進みます。

index.html

HTML入門 まで進むと見出し・リスト・表・フォームまで、意味の通る骨組みを組み上げます

目標

index.html(自己紹介ページの完全な構造)

概要

見出し・リスト・リンク・画像などの基本タグと、header/main/footerを使ったページ構造の組み方を、毎レッスン実際にコードを書いて自己紹介ページを育てながら学べる無料コースです。プログラミング完全未経験の方を対象としており、環境構築や事前知識は一切不要です。約 5 時間 (1 日 30 分 × 10 日) で 20 レッスンを修了でき、修了後は自己紹介ページのHTMLが完成し、CSS入門へ無理なく進めるようになります。

できるようになること

ブラウザがHTMLを表示する流れを説明できる

見出し・段落・リスト・リンク・画像の基本タグを使い分けられる

header/main/footerでページを構造化できる

表とフォームを自分で組み立てられる

自己紹介ページのHTMLを最後まで書き切れる

前提知識・必要な環境

必須

  • プログラミング未経験でもOK
  • 環境構築は不要(ブラウザだけで書ける)

環境

ブラウザ完結(インストール不要)

監修

ゆめさくコード編集部

プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。

生田 陸人

ゆめさくエンジニア / 現役ソフトウェアエンジニアRuby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。