HTML– tag –

JavaScriptでフォームの必須項目と文字数をチェックする基本を、HTML属性と組み合わせた実務向けの書き方で解説します。問い合わせフォームやWordPressサイトの入力補助を作るときに使える最小例つきです。

CSS Gridでカード型レイアウトを作る基本を、HTML/CSSの最小例、レスポンシブ対応、よくある崩れの直し方まで実務向けに整理します。WordPressの記事一覧や商品カードにも使える考え方です。

Flexboxで横並び、中央寄せ、余白調整、カードの折り返しを実装する基本パターンを、HTML/CSSの最小例とWordPressでの注意点つきで整理します。

レスポンシブデザインの基本を、viewport、メディアクエリ、画像のはみ出し、WordPressでの確認点に分けて整理します。スマホ対応で横スクロールや崩れが出るときの最小CSS例も紹介します。

相対パスと絶対パスの違いを、画像・CSS・リンク指定の具体例で整理します。HTML基準とCSS基準の違い、よくあるミス、実務での使い分けまで一通り確認できる記事です。

ブラウザの開発者ツールで何ができるのかを、検証・Console・Networkの3つに絞って整理します。画面崩れやJavaScriptエラー、API通信の失敗を調べる基本手順を、実務でそのまま使える形で確認できる入門記事です。

フォーム送信の基本として、POSTとGETの違い、使い分け、HTMLの最小例を整理した記事です。検索フォームや問い合わせフォームを作るときに、どちらを選ぶべきかを実務目線で確認できます。

CSSのclassとidの違いを、基本の書き方から実務での使い分け、よくある失敗まで整理します。HTMLやCSSを書き始めた人が、再利用しやすく保守しやすい書き方を判断したい場面で役立つ内容です。

HTMLの基本構造として使うheader・main・footerの役割と使い分けを、実務でそのまま使いやすいコード例つきで解説します。ページの主内容を整理したいときや、保守しやすいマークアップを書きたいときに役立つ入門記事です。