HTML+CSS

こんにちは。今回はHTMLとCSSでボタンの作成について書いていきます。通常のボタン通常のボタンはHTMLから<button></button>で囲うだけで作ることができます。また、<a href="#"></a>でもボタンを作ることができ...

HTMLのtableタグの基本tr要素trは「Table Row（行）」の略です。表の行を１つ作成します。th要素thは「Table Header（見出し）」の略です。表の見出しとなるセルを１つ作成します。td要素tdは「Table Dat...

こんにちは、むじなるです。今回タイトルにもある通りWeb・Googleフォントの使い方について書いていきますよ。Web・Googleフォントって何？すごく簡単に説明まず、Webフォントについて。Webフォントとは、Webサイト上でCSSを使...

こんにちは、おかゆです。今回はクリーンなレシポンシブデザインについて説明したいと思います。まずは、レシポンシブデザインについて紹介したいと思います。レシポンシブデザインとはレスポンシブデザインとは、PCやモバイル（スマホ・タブレットなど）と...

こんにちは。１年生前期最後のブログ更新になりました。最初は学校に馴染めませんでしたが、段々と慣れてきて安心しています。今回の記事は「ページ全体の背景画像の設定方法」について書きたいと思います。背景画像を固定する場合 See the Pen ...

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

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

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

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

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