2023-07

シンプルなHTMLページの作成と基本的な構造の理解　今回のお題は、「シンプルな HTML ページの作成と基本的な構造の理解」ということで、雛形にかかれている要素の説明をメインに書いていきます。HTMLの雛形　まずは雛形から説明していきます。...

こんにちは、okkyです。今回はHTMLとCSSの話です。tableとホバーエフェクトについて。ただダラーっと述べても面白くないので、物は試し。いろんなことをやってみましょう。まず先に<table>から。<table>要素で遊ぼう<tabl...

フォームの作成フォームには少なくともformタグと、inputタグが必要です。formタグでフォームを定義し、inputタグでフォームの中の入力欄、送信ボタンなどの部品を定義します。 See the Pen Untitled by 梶田星弥...

今回は、ページ内リンクを作成してスムーススクロールを追加する方法について説明します。“スムーズスクロール”とはアンカー・リンクのリンク先へ遷移する時に通常は瞬時に移動するところをなめらかにスクロールして移動する挙動のことです。これにより、同...

ハイパーリンクのスタイル設定ハイパーリンクとは、WEBページ上の文章や画像などをクリックすることで、別のホームページやWEBページに飛ぶ仕組みのことです。ハイパーリンクのスタイル設定方法未訪問のリンクリンクの色を変えます。 See the ...

こんにちは今回はブロック要素とインライン要素の違いについて紹介したいと思います。ブロック要素ブロック要素は見出し・段落・表など、文書を構成する基本となる要素です。ブロック要素には以下のタグがあります。<address>、<blockquot...

こんにちは、今回はヘッダーとフッターを作成していこうと思います。ヘッダー、フッターとはヘッダー(header)、フッター(footer)とは、htmlのbodyの中に入れるタグ要素のことです。コード See the Pen Untitled...

初めに今回はCSS アニメーションの基礎について紹介していきますcssアニメーションとは See the Pen Untitled by 松岡琉志 (@dzsrtobu-the-sans) on CodePen.animationプロパティ...

こんにちは！ご覧いただきありがとうございます。今回は、画像の拡大・縮小とアスペクト比（縦横比）を保持する方法を紹介します。アスペクト比を保持することは、画像の歪みを防ぎ、元の画像と同じ比率で拡大・縮小されることを意味します。方法としては、C...