HTML&CSS

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の方がいいのか解説しました。