ITメモ
Make SiteMap HTML & CSS
「HTML」リファレンス
【HTML】HTMLメールの作り方 【HTML】ブラウザやタブに表示される小さなアイコン「favicon(ファビコン)」の作り方
「CSS」リファレンス
【CSS】「content」プロパティでコンテンツを追加する方法 【CSS】Webページを印刷する時の設定方法 【CSS】「スマートフォン」対策 【CSS】ベージ移行時にフワッとページを表示する方法 【CSS】内容の縦位置を真ん中にする方法 【CSS】背景画像のスライドショーを作成する方法 【CSS】背景や画像に透明感を加える方法
「HTML」の基礎知識
【HTML】「HTML」の書式 【HTML】「HTML」でのコメントの仕方 【HTML】「CSS」の使い方 【HTML】「Javascript」の使い方 【HTML】「HTML」タグの種類 【HTML】「HTML」の特殊文字一覧 【HTML】ヘッダー部分の編集方法 【HTML】テキストを編集する方法 【HTML】他のページに移行する「リンク」の作り方 【HTML】表の作り方 【HTML】Webページに画像の埋め込む方法 【HTML】動画を埋め込む方法 【HTML】音声ファイルを埋め込む方法 【HTML】地図を埋め込む方法 【HTML】入力フォームの作り方
「CSS」の基礎知識
【CSS】「CSS」の書式 【CSS】「CSS」でのコメントの仕方 【CSS】「CSS」外部ファイルをHTMLファイルとリンクさせる方法 【CSS】「CSS」を「HTML」ファイルに記述する方法 【CSS】「CSS」で利用する単位 【CSS】「CSS」でテキストを編集する方法
SEO(Search Engine Optimization)
【SEO対策】SEOとは 【SEO対策】アクセスアップするコーディング 【SEO対策】検索エンジンに登録する方法
CSSプロパティ
【CSS】「animation」プロパティ 【CSS】「transition」プロパティ 【CSS】「background」プロパティ - 背景を設定する 【CSS】「position」プロパティ - コンテンツの配置を指定する 【CSS】「opacity」プロパティ - 要素の透明度を設定する 【CSS】「linear-gradient」プロパティ - 二色以上でグラデーションを作るカラー設定
CSSプロパティ【文字・テキスト関連】
【CSS】「color」プロパティ - 文字の色を設定する 【CSS】「font」プロパティ - フォントを設定する 【CSS】「line-height」プロパティ - テキストラインの高さを設定する 【CSS】「text-indent」プロパティ - テキストインデントを設定する 【CSS】「text-align」プロパティ - テキストの配置位置を設定する 【CSS】「text-decoration」プロパティ - テキストに加えるで装飾を設定する 【CSS】「text-underline-position」プロパティ - テキストのアンダーライン位置を設定する 【CSS】「text-shadow」プロパティ - テキストのシャドー位置を設定する 【CSS】「text-transform」プロパティ - テキストの文字形態を設定する 【CSS】「white-space」プロパティ - テキストの自動改行を設定する 【CSS】「word-break」プロパティ - テキストの自動改行の設定をする 【CSS】「word-spacing」プロパティ - 単語間の隙間を指定 【CSS】「letter-spacing」プロパティ - 文字間の隙間を指定 【CSS】「text-justify」プロパティ - 文章右端空白にならないように、単語間・文字間のスペースを調整 【CSS】「text-autospace」プロパティ - 表意文字(漢字)と非表意文字(半角英数字)の隙間を指定 【CSS】「word-wrap」プロパティ - テキストの自動改行の設定をする 【CSS】「writing-mode」プロパティ - 縦書きを設定 【CSS】「direction」プロパティ - 文章の方向を設定 【CSS】「unicode-bidi」プロパティ - 単語の並びを設定
「HTML」タグ
【HTML】「a」タグ - リンクの作り方 【HTML】「link」タグ - 別ファイルを関係定義・読み込みをする 【HTML】「h1-h6」 - Webページの見出しの設定方法 【HTML】ruby - 「ルビ」をふるための要素








HTML & CSS


ホームページを作るのに必須のプログラミング「HTML」と「CSS」。
お互いを補完しあっている関係なので、1つとして考えられることもあるが、 厳密には、別のもの。
「HTML」は、ホームページの内容と型枠
「CSS」は、デザイン
という風に分かれている。
「HTML」だけだと、文字と写真だけで殺風景なページになる。
「CSS」だけだと、レイアウトだけなので、何もないページになる。
なので、「HTML」と「CSS」一緒で初めてホームページなどのWebページが作れる。



「HTML」リファレンス


「CSS」リファレンス


「HTML」の基礎知識




「CSS」の基礎知識


SEO(Search Engine Optimization)


CSSプロパティ
CSSプロパティ【文字・テキスト関連】


「HTML」タグ