プログラミング備忘録

HTMLの<label>タグは、フォーム入力欄に説明をつけるために使うタグです。ユーザーが「ここには何を入力すればいいのか」をわかりやすくするために重要な役割を果たします。 HTMLはウェブページを構築するための基本的な言語であり、すべてのウェブ...

前回のおさらい 前回は、お弁当箱（要素div）の中におかず（子要素div）を入れることで、グループにしてまとめてデザインしたりしましたね。　　前回の記事→divってなに？HTMLの”見えない箱”を優しく解説！今回は、そのおかずたちの並べ方、位置の調整方法...

webページを作っていると、よく出てくるタグ「div」。でも、「これって一体何？」と思ったことありませんか？最初にHTMLを学び始めたとき、私も「divって意味がない箱？」と戸惑いました。けれど、実はこの「div」こそ、webページを整理したり、デザインを...

「【2025年版】UAスタイルシートとは？初心者向けにわかりやすく5つのポイントで解説」 HTMLで<section>や<div class = "container">などのタグを使うと、まだCSSを書いていないのに何かしらの見た目が反映されていることがありますよね？ こ...

【超初心者向け】JavaScriptの関数(function)とは？使い方・書き方を徹底解説！ この記事では、JavaScriptにおける関数の役割や、使い方について詳しく解説し、実際のコード例を交えながら理解を深めていきます。最初に、関数の基本的な概念から始め、その...

CSSを使ってちょっとしたアイコンや文字装飾を追加したいとき、HTMLを書き直さずに実現できたら便利だと思いませんか？そんなときに活躍するのが、CSSの擬似要素 ::before と ::after です。 本記事では、これらの疑似要素の基本的な使い方から、実際の使...

「WEBサイトってどう動いてるの？」そんな初心者の疑問を、たとえ話を交えてやさしく丁寧に解説。これを読めばWEBの基本がまるわかり！ WEBサイトの仕組みとは？初心者にもわかりやすくやさしく解説！ 「WEBサイトってどうやって見られるの？」「インター...

チェックボックスとは 一言で言うと…「はい・いいえ」「する・しない」など、選ぶかどうかを決める時に使います。よくある使い方の例として①利用規約に同意しますサービスを使う前に、「ルールに同意しますか？」というときのhtmlコードがこちら↓インプッ...

みなさん、Webサイトを見ていて「リンク」にマウスを乗せた時、ポインター（マウスの矢印）が"指の形"に変わるの、見たことありますよね。実はあの「指マーク」、マウスを乗せたという"状態"に反応して、見た目が変わっているんです。でも、HTMLのコードを...

Webサイトを作成する際、ナビゲーションメニューからページ内の特定の場所に移動できる「ページ内リンク」は欠かせない機能のひとつです。ユーザーは「サービス」「料金」「お問い合わせ」といったメニューをクリックするだけで、同じページ内の該当セクシ...