カテゴリー一覧

カテゴリー別一覧: HTMLの基礎知識

title要素［HTML5］

情報公開日: 2011年6月28日 編集者: adworks

<title>…… 文書にタイトルをつける <title>タグは、文書にタイトルをつける際に使用します。<title>タグで文書のタイトルを指定する場合には、一つの文書に一つだけ、&l … 続きを読む →

カテゴリー: HTML5, HTMLの基礎知識, ナレッジノート |

head要素［HTML5］

情報公開日: 2011年6月25日 編集者: adworks

<head>…… 文書のヘッダ情報を表す <head>タグは、文書のヘッダ情報を表す際に使用します。 ヘッダ情報とは、その文書に関する情報のことです。 head要素を正確に定義するなら、「そのHT … 続きを読む →

カテゴリー: HTML5, HTMLの基礎知識, ナレッジノート |

根本となる要素［HTML5］

情報公開日: 2011年6月25日 編集者: adworks

<html>…… HTML文書であることを示す <html>タグは、HTML文書であることを示す際に使用します。 <html>～</html>で定義されるhtml要素は、文 … 続きを読む →

カテゴリー: HTML5, HTMLの基礎知識, ナレッジノート |

ドキュメントタイプ宣言［HTML5］

情報公開日: 2011年6月24日 編集者: adworks

<!DOCTYPE html>は、文書がHTML5で作成されたものであることを宣言するために、 文書の先頭（<html>タグよりも上）に記述するDOCTYPE宣言（Document Type De … 続きを読む →

カテゴリー: HTML5, HTMLの基礎知識, タグ, ナレッジノート |

色の指定にはなぜ先頭に＃を付けるの？

情報公開日: 2011年6月24日 編集者: adworks

文字列ではなく色を指定するための数値だということを示すためです。 左から順に、赤、緑、青の値を2桁の16進数で示しています。 テレビやパソコンの画面では、光の3原色であるレッド（R）、グリーン（G）、ブルー（B）を組み合 … 続きを読む →

カテゴリー: CSS, HTMLの基礎知識, ナレッジノート |

emとex、pxとptの違いは何？

情報公開日: 2011年6月24日 編集者: adworks

emとexでは基準にする文字の高さ、pxとptは基準にする細かさが違います。 emは1文字、exは小文字xが基準。pxは画面表示の1点分、ptは1/72インチです。 CSSで利用される単位のemとexは、どちらも文字サイ … 続きを読む →

カテゴリー: CSS, HTMLの基礎知識, ナレッジノート |

CSSで使える単位まとめ［CSS］

情報公開日: 2011年6月23日 編集者: adworks

cm、mm、in、pt、pc、em、ex、px、％と全部で9種類あります。 日本語のページデザインでは、em、px、％がよく利用されています。 CSSでは、要素の大きさや余白、ボーダー、文字サイズなどの指定にさまざまな単 … 続きを読む →

カテゴリー: CSS, HTMLの基礎知識, ナレッジノート |

レイアウトの幅？［CSS］

情報公開日: 2011年6月23日 編集者: adworks

margin、paddingやwidthの値に、borderの幅も含めて計算します。 ショートハンドでまとめて指定している場合は、左右の合計値になるように値を2倍にします。 CSSでホームページをレイアウトする場合、コン … 続きを読む →

カテゴリー: CSS, HTMLの基礎知識, ナレッジノート |

marginとpaddingの違いは？［CSS］

情報公開日: 2011年6月22日 編集者: adworks

ボーダーの内側がpadding、外側がmarginです。背景色や背景画像はpaddingの範囲まで表示されます。marginには負の値が指定できます。 CSSでデザインするときにとまどう事のひとつが余白の扱い方です。CS … 続きを読む →

カテゴリー: CSS, HTMLの基礎知識, ナレッジノート |

ショートハンドまとめ例［CSS］

情報公開日: 2011年6月22日 編集者: adworks

ショートハンドまとめの指定例 backgroundの場合 [css] body { background-color: #FC0; background-image: url(bk.jpg); background-re … 続きを読む →

カテゴリー: CSS, HTMLの基礎知識, ナレッジノート |