ホームページ基礎講座

目次

ホームページ作成の第一歩!

インターネット上で情報を発信したり、自分だけの空間を作ったりする「ホームページ」。その作成は、決して難しいものではありません。基本をしっかり押さえれば、誰でもオリジナルのウェブページを作ることができます。

ホームページ基礎講座では、まずテキストファイルを使って簡単なマークアップを行い、HTMLの基礎を学んでいきます。そして、CSS(外部スタイルシート)を活用して、デザインに幅を持たせる方法を紹介します。

「ゼロから学ぶ」初心者に優しい内容となっていますので、パソコンが得意でない方でも安心して進められます。さあ、一緒にホームページ作成の世界へ一歩踏み出してみましょう!

練習するための準備

ホームページ作成のためのコード。HTML/CSSを練習するためには、エディタが必要です。動画の中では、ブラケッツを使っていますが、サポートが終了しているので、途中からビジュアルスタジオコードを使っています。そのVisual Studio Codeのインストールも確認しておきましょう。

ホームページ基礎講座 10ステップ

STEP
はじめてのホームページ基礎講座(HTMLとCSS)
STEP
はじめてのホームページ HTMLとCSS
STEP
はじめてのホームページ HTMLとCSS
STEP
はじめてのホームページ HTMLとCSS
STEP
 はじめてのホームページ HTMLとCSS
STEP
ホームページ基礎講座 CSSで横幅のwidthと線指定
STEP
ホームページ基礎講座 HTML 箇条書き ul > li ol > li
STEP
ホームページ基礎講座 CSSのwidthとmargin
STEP
ホームページ基礎講座 HTML編 header footer
STEP
ホームページ基礎講座 外部スタイルシートとグラデーションCSS
STEP
ホームページ基礎講座 box-shadow

HTML要素 -よく使うタグ名と使う場所とコード確認-

HTML要素の基本を学ぼう

~よく使うタグ名・使い方・コード例~

HTML(HyperText Markup Language)は、ウェブページを構築するための基礎となる言語です。その中でも「タグ」と呼ばれる要素が重要な役割を果たします。タグを正しく使うことで、情報の構造や意味を明確にし、ウェブサイトの見た目や機能を整えることができます。

この章では、特によく使われるHTMLタグについて解説します。それぞれのタグがどのような場面で使われるのか、また実際のコードではどのように記述するのかを具体例を交えながら確認していきましょう。基本をしっかり押さえることで、より使いやすく、わかりやすいウェブページを作れるようになります!

目次