※Web開発 【初心者向け】0からformがわかる｜HTMLでのフォーム作成
お問い合わせフォームやログインパネルなどユーザーがページに情報を入力する時に使用されるフォームにはformタグが使用されています。本記事ではformタグを使ったフォーム作成の流れを0から説明していきます。ラジオボタン、セレクトボックス、チェ...
html
※Web開発 ※Web開発 inputの使い方とtype属性の一覧
inputを使用する場面inputはお問い合わせフォームなどユーザーに入力や選択をさせたい箇所で使用するタグです。テキスト入力だけでなくラジオボタンチェックボックといった選択肢を表示したい場合もinputを使用しています。こちらの記事でht...
※Web開発 Google Bird ”HTML、CSS、PHP”
こんにちは。今日は html, CSS, PHP, JAVASCRIPT について質問があります。 あなたはWeb講習の講師を長年勤めてきたベテラン講師さんです。 HTML , CSS, PHP を使用して以下の入力を促し入力結果を ブラウ...
※Web開発 【slick】カスタマイズ用オプションまとめ一覧
slickのカスタマイズ用オプションってどんなのがあるの？今回はそんな疑問にお答えします。スライダーを簡単に実装できるプラグインとして有名なslickですが、オプションが色々あり、かなり幅広くカスタマイズ可能です。slickの基本的な使い方...
※Web開発 イメージをジャンプさせるアニメーション
html でこのイメージをジャンプさせるアニメーションをつくれますか？はい、HTMLでこのイメージをジャンプさせるアニメーションを作ることができます。そのためには、以下の手順を踏む必要があります。まず、イメージをHTMLの<img>タグで表...
※Web開発 CSS z-indexの使い方：CSSで重なり順を指定する
前回の講座CSSのpositionを総まとめ！absoluteやfixedの使い方は？今回は、要素の重なり順を指定するCSSプロパティz-indexについて、分かりやすく解説します。この記事の目次z-indexの使い方効かないときの対処法指...
※Web開発 【CSS】justify-contentの使い方や効かない原因を解説
Web制作をしていると、要素を横並びにするレイアウトをよく使います。そこで「横並びにした要素を均等に配置したい」「両端の要素を親要素の端に揃えたい」などと思うことはありませんか？そのようなレイアウトを作成するには、display: flex...
※Web開発 フレックスボックス
フレックスボックス(Flexbox) は、アイテムを行または列に並べるための 1 次元のレイアウト方法です。アイテムがたわんで（伸びて）追加の空間を埋めたり、縮んで小さい空間に収まったりします。この記事では、すべての基本事項について説明しま...
※Web開発 【CSS】background-colorとbackgroundの違い
ふと、CSSのbackground-colorとbackgroundの違いって何だろう？って思いました。いつもは背景色を指定する場合は、SyntaxHighlighterについて<style>#TableA { background-col...
※Web開発 h1タグは画像でも問題ない！画像を設定する時のポイント3つ！
h1タグは、そのサイトのテーマを示す重要なテキストです。SEOを考える上でも、h1タグには上位表示を狙いたいキーワードを取り入れるなど、戦略的な対策を行う必要があります。h1タグを使用する時に、デザインの兼ね合い上「画像」で視覚的に訴えたい...