カテゴリ：HTML

段落タグ<p>とは？基本の使い方から注意点まで

HTMLの基本！ タグで段落を作ろう HTMLを使ったWebページ作成において、文章を整理して表示するために欠かせないのが <p>タグ です。このタグは「段落」を表すもので、読みやすい文章構成を作る際にとても […]

初心者必見！HTMLの<div>タグとは？基本と使い方を解説

HTMLを学び始めると必ず出会うタグのひとつが<div>タグです。「これって何に使うの？」と思う方も多いはず。 でも、実はこのタグはWebページのレイアウトを作る上で欠かせない重要な要素なんです！ この記事で […]

CSSのClassとIDを完全理解！違いと使い分けを解説

CSSのClassとIDを理解しよう！デザインの自由度を広げる基本テクニック CSSを使い始めると、よく目にする「Class」と「ID」という言葉。どちらもHTML要素にスタイルを適用するための方法ですが、初心者にとって […]

初心者でもすぐできる！簡単CSS入門

次のステップは「CSS」！Webページをもっと魅力的に HTMLでWebページの基本を作れるようになったら、次は「CSS」の出番です！ CSSは、Webページのデザインやスタイルを担当する魔法のような言語です。 これを使 […]

初心者でも簡単！HTML基本構文

この記事では、HTMLの基本的な構造やタグの役割を丁寧に説明しています。 初心者がつまずきやすいポイントもクリアにしながら、一歩ずつ自分のWebページを作れるようになるサポートをします。 例えば、以下のような疑問に答えま […]

アフィンガー6でファビコンを入れる方法

アフィンガー6でファビコンを入れる方法です。 なにかアフィンガー側で設定する箇所があるのかと思いましたがなさそうなので普通に入れます。 「外観」→「カスタマイズ」→「サイト基本情報」→「サイトアイコン」 以上の手順でファ […]

CSSで作るタブ切り替えメニュー

CSSで実現させるタブ切り替えメニューになります。 デザイン性も高くおしゃれなサイト作りにはもってこいなメニューと思います。 Tab 1 Tab 2 タブ1: クラウドサービスの活用 「クラウドサービスの普及は、企業のI […]

初心者大歓迎！HTMLを使ってWebページを作ってみよう

HTMLの世界へようこそ！これから一緒に学んでいきましょう。 インターネットの裏側にある「言葉」を知っていますか？それが HTML です!普段何気なく見ているWebページも、実はHTMLで作られています。そして、HTML […]

ドラクエ風に歪んだ画像をスクロールで画像を元に戻す処理

複数のキャンバス（canvas要素）に対してアニメーション効果を適用し、画面内に表示されているときは画像が歪んだ状態を維持し、表示されていないときは元に戻す処理を行います。 一応ドラクエを意識しました。おかしな部分もある […]

2025年現在において、Sassって必要か否か？

Sassって必要ですか？ Web開発をする上で「Sass」というCSSプリプロセッサを相当の確率で目にするはずです。しかし、このツールが本当に必要なのかという質問は、意外と議論されていないように感じます。 この記事は、こ […]