WEB技術の辞書・解説・使用例

HTML

HTMLの基本・おさらい

• ホームページのひな型
• タグの書き方
• テーブルの基本
• リンクの基本
• 画像の表示

HTMLタグ

• ヘッダー
• 文書情報・構造
• 文章の整形
• 表・テーブル
• リスト
• フレーム
• 文章の意味
• ルビ・読み仮名
• リンク
• 入力フォーム
• 画像・動画・音声
• スクリプト
• コメント
• スタイルシート
• 定番

HTMLのTips

• よく使う特殊文字
• 特殊文字一覧
• 文字化け回避
• HTML色見本
• WEBセーフカラー

CSS・スタイルシート

カテゴリ別-CSS・スタイルシートリファレンス

• 文字
• 背景
• 文章整形
• 幅・高
• 配置
• 余白
• リスト
• テーブル
• ボーダー
• 角丸
• アウトライン
• ルビ
• カーソル
• グリッド
• 印刷
• スクロールバー
• 入力補助
• メディア
• 定番
• 便利

ABC順-CSSリファレンス

CSSの基本・おさらい

• スタイルシートの使用方法1
• スタイルシートの使用方法2
• DIV(ブロック)とSPAN(インライン)
• ブロックやテーブルに丸みをつける
• ブロックから文字がはみ出してしまう場合の対処方法
• ブロックやテーブルに影をつける

• リンク(Aタグ)をCSSで設定する(背景・下線・大きさなど)のサンプル
• クラスやIDを指定して様々なデザインを併用するサンプル
• マウスオーバーで画像を切り替える(ロールオーバー)サンプル
• ボックスにリンクを設定するサンプル
• リスト(LIタグ)にリンクを設定するサンプル
• ブロックから文字がはみ出してしまう場合の対処方法
• word-break, word-wrap, white-space の動作例
• word-break:break-all, word-wrap:break-word の挙動の違い