HTML&CSS
- HTMLの基本
- HTMLを初めて学ぶ方向けです。まずはここから始めましょう。
- HTMLの書き方
- 具体的な書き方を説明しています。
見出し、段落、リスト、画像の表示方法。 - リンクを作成する
- リンクを作成してみましょう。内部リンクの作り方も書いています。
- 簡単な表をつくる
- 簡単な表を作ってみましょう。
- 少し複雑な表をつくる
- 列をグループ化して色を変える、テーブルの幅の固定方法、行の折り返し、スクロールバーを使った表のつくり方です。
- フォームの作成
- ユーザーからデータを受け取るフォームの作成。
CSS
- CSSの基本
- CSSの初歩的な知識に関してまとめています。
- paddingとmarginの違い
- ボックスモデルについて説明しながら、paddingとmarginの違いを見ていきます。
- ブロックとインラインの違い
- ブロックレベルの要素とインラインの要素がどのように表示されるのか、特徴と設定可能な項目を解説しています。
- 中央寄せをする方法
- 「text-align: center;」と「margin: 0 auto;」を使って中央寄せを行います。
- フレックスボックスで並べる
- フレックスボックスの基本的な設定方法。アイテムの大きさの制御と位置合わせ。
- グリッドで並べる
- グリッドの基本的な設定方法と、アイテムのレイアウト。
HTML&CSS
- デベロッパーツールでHTMLとCSSを確認する
- Chromeを使って自分のページや他のサイトのソースコードを確認する方法です。
- 改行と折り返し
- ブラウザでのデフォルトでの折り返し動作の確認と、折り返しさせたいとき、させたくないときの設定方法。スクロールバーも設定してみましょう。
- Viewportとスマホ用のメディアクエリの設定方法
- Viewportとメディクエリの設定します。主にスマホ用のメディアクエリです。
その他の関連ページ
- WordPressとは？
- WordPressの概要と利用に必要なもの。
- ファイル・ディレクトリのパス
- Unix系で扱うパスの表し方について。
- JPEGとPNGはどちらで保存したらいいのか
- Web上にアップする画像はなぜJPEGの方がいいのか解説しました。