2025年2月– date –

この記事では、写真を入れるタグ <img> の使い方と、開始タグしかない理由をわかりやすく解説します！ 写真を入れるタグ <img> の基本 HTMLで写真を入れるには <img> タグを使います。前回、写真フォルダを作成したときの写真を例に簡単...

画像をリピート（繰り返し表示）する方法 CSSの background-repeat を使うと、画像を繰り返し表示できます。デフォルトでは、背景画像はタイル状に繰り返される仕様になっています。 background-repeat の基本 ・画像を縦横に繰り返す（デフォルト） ・結...

疑似要素（Pseudo-elements）は、HTMLの要素に対して疑似的な内容や装飾を追加するためのCSSの機能です。特に ::before や ::after がよく使われ、要素の前後にコンテンツを追加できます。 ::before と ::after の基本 ・要素の前（::before）または後（::...

z-index の基本的な使い方 z-index はCSSのpositionプロパティ（absolute, relative, fixed, stickyのいすれか）が適用された要素の重なり順を制御するプロパティです。数値が大きいほど上に表示され、小さいほど下に表示されます。 z-index の基本 ・z-in...

フレックスボックス（Flexbox)は、要素を柔軟にレイアウトできるCSSのレイアウトモデルです。親要素に display: flex; を設定すると、子要素の配置やサイズ調整が簡単にできます。 基本的な使い方 ・水平に並べる ・結果display: flex;にすると、itemが横...

写真をHTMLで使うには、正しい場所に保存することが大事です！難しく考えずに次の手順で作業してみましょう！ imagesフォルダを作る 写真フォルダの名前は「 images 」という名前で作成します。「 images 」フォルダは、必ずHTMLファイルと同じ場所に作り...

ウェブページには基礎となる重要なタグあがあります！それが htmlタグ headタグ bodyタグの3つのタグです 開始タグと終了タグの基本的な意味 開始タグと終了タグはペアで使うことが基本である。・開始タグ何かを始める合図。これから始める内容を囲むため...

< DOCTYPE html > は、「これからHTML5の文書が始まりますよ！」とブラウザに伝えるための合図です。なので、とりあえず最初の1行目に必ず書く！これをDOC宣言と言います ブラウザへのお知らせ この1行がないと、ブラウザは「このページは古い形式の...