DD_log / HTML,CSS,Javascript,Wordpressの解説や雑感サイト

 CSSのプロパティ「margin」と「padding」についての解説です。

この記事の続きを読む

CSSのプロパティ「width」と「height」についての解説です。

この記事の続きを読む

よく使用するCSSのプロパティ一覧を紹介します。
それぞれのプロパティに関する具体的な解説は徐々に追加していきます。

【よく使用するCSSプロパティ一覧】

この記事の続きを読む

CSSの基本文法

CSSはセレクタ ・プロパティ・値によって構成されます。

例えばHTMLで作成したh1要素に対して、文字の色を赤くすると言った指示をCSSから出す場合下記のような記述になります。

この記事の続きを読む

CSS（Cascading Style Sheets、カスケーディング・スタイル・シート）

HTMLと同様にWeb制作の中で用いられる言語の一つがこのCSS(Cascading Style Sheets)です。
HTMLに「文書を作成する」という役割があったように、CSSには「装飾（デザイン）の指定をする」という役割が存在します。
HTMLのみで作成された文書は色や大きさ、レイアウトなどの指示が出されていない状態です。
そのため非常に読みづらい文書になってしまいます。

たとえば当サイトをHTMLのみで記述した場合、以下のように表示されます。

この記事の続きを読む

以前の記事の中で【HTML (番外編)】 作成したHTMLをチェックしてくれるWebサービスを紹介しました。

じゃあCSSをチェックしてくれるサービスはないのか？

ということで今回はCSSをチェックしくれるサービスを紹介します。

この記事の続きを読む

body要素内で使用される「div」「span」と「ブロック」「インライン」

body要素内で使われるタグから範囲指定を行うための「div」「span」を紹介します。
Webページ上の情報をグループ化するために範囲指定を行うことがあります。
divやspanは特に意味を持たない汎用的な範囲指定をするために使用するタグになります。

この記事の続きを読む

大量のHTMLを記述している内に、どこに何を記述したのかが分からなくなってしまい、結果としてどこかでエラーが発生してしまうということがあります。

その際の対処法として「作成したHTMLをチェックしてくれるWebサービスの機能を利用する」という方法があるので紹介します。

特に新しくできたサービスという訳ではないのですが、仕事柄そういった質問が上がることが多いのでここで紹介しておきます。
この記事の続きを読む

body要素内で使用される「アンカー」「画像配置」「強調」

今回はbody要素内で使われるタグから「アンカー」「画像配置」「強調」を紹介します。

この記事の続きを読む

body要素内で使用されるタグ「見出し」と「リスト」について

HTMLやXHTMLで使用される種類は数多くあります。
今回はまず「body要素」とbody要素内で使われるタグとして「見出し」や「リスト」を紹介します。

この記事の続きを読む

前回の【HTMLとは (3)】 HTMLの基本文法の解説に出てきたタグについて解説します。

この記事の続きを読む

【HTMLとは (2)】 マークアップ言語とはで解説したとおり、HTMLは文章中の語句に役割を与えるマークアップ言語です。

ではどのようにして役割を与えるのか？下記にマークアップされていない文章と、マークアップされた文章の例を記述します。

この記事の続きを読む

HTMLによるマークアップ / マークアップ言語とは

前の記事で書いた通り、HTMLはマークアップ言語と呼ばれる言語です。
簡単に要約してしまうと「文章中の語句に役割を与えること」をマークアップと考え、「マークアップのために使用する言語をマークアップ言語」と考えると分かりやすいでしょう。

この記事の続きを読む

HTML = マークアップ言語

HTML（HyperText Markup Language / ハイパーテキスト マークアップ ランゲージ）は、Webサイト上の文書を作成するためのマークアップ言語です。

この記事の続きを読む