London-Net - Web Designers

HTML

【HTML用語】

  • HTMLとは
  • HyperText Markup Language
  • ■ウェブ上のドキュメントを記述するためのマークアップ言語
  • ■ウェブの基幹的役割を持つ技術の一つでHTMLでマークアップされたドキュメントはほかのドキュメントへのハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などの高度な表現力を持つ。
  • ■HTMLの特徴はハイパーテキストを利用した、相互間文書参照のフレームワーク。マークアップはプレーンテキストの文書を要素で括って意味付けすることで行い、文書の特定要素にURIを用いた他文書へのリンクを記載しておけばユーザエージェントはそれを解釈して指定された他文書を表示させることが可能となる。またマークアップを施す際に引用や画像の埋め込み、文書のタイトルの指定などを定める要素を記載すればユーザエージェントがそれらを解釈し形態に見合った表示を行う。HTMLはそうしたマークアップの規則を定めている。
  • ■要素は開始タグ、内容、終了タグの3つで構成される。必要であれば、要素に付加する特性を現す属性を記述してよい。属性は開始タグの中に、要素名に続けて属性名と属性値の組み合わせを記述する。要素名と属性名については大文字と小文字を区別しない。属性値については、属性によって大文字と小文字を区別するかどうかが個別に定められる。要素によっては、文脈上一意に特定できる場合は開始タグや終了タグを省略できる。また内容を持たず開始タグのみで構成される空要素も存在する。さらに一部の属性についても属性名の省略が可能となっている。
  • ■HTMLで書かれた文書をHTML文書と言い、DTDによって定義される書式に沿って記述しなければならない。DTDは文書型宣言で宣言したバージョンのものが選択される。
  • ■タグとは本来要素を記述するための符号を示す意味で用いられる言葉であるが、HTMLの要素を示す意味でタグと言う言葉が用いられることがある。
  • フォントタグ
  • 【フォントに効果をつけるタグ】
  •  <Font> </Font>
    ＝フォントのサイズや色
  •  <Font Size="">
    ＝フォントサイズの指定
  •  <Font Color="">
    ＝フォントの色の指定
  •  <Font Size="" Font Color="">
    ＝フォントサイズと色の指定
  • 【フォントを強調するタグ】
  •  <B> </B>
    ＝太字
  •  <I> </I>
    ＝斜体
  •  <Strong> </Strong>
    ＝強調（太文字）
  •  <U> </U>
    ＝下線
  •  <S> </S>
    ＝取り消し線
  •  <H1～6> </H1～6>
    ＝見出し
  • レイアウトタグ
  • 【ページのレイアウトを設定するタグ】
  •  <BR>
    ＝改行
  •  <P>
    ＝段落
  •  <Div Align="位置"> </Div>
    ＝中央揃え（center)・右揃え(right)・左揃え(left)
  •  <Ruby> </Ruby>
    ＝ふりがな
  •  <Bdo Dir="rtl">
    ＝反対文字
  • リンクタグ
  • 【リンクを設定するタグ】
  •  <A Href="URL"></A>
    ＝リンクをはる
  •  <A Href="URL" Title="説明"></A>
    ＝オンマウスで説明文表示
  •  <A Href="#***"></A>
    ＝ページ内にリンクする
  •  <A Href="mailto:メールアドレス"></A>
    ＝メールアドレスにリンクする
  • 画像タグ
  • 【画像を設定するタグ】
  •  <Img Src="">
    ＝画像をはる
  •  <A Href="URL"><Img Src=""></A>
    ＝画像にリンクをはる
  •  <Img Src="" Align="画像の位置">
    ＝画像に文字をまわりこませる
  • テーブルタグ
  • 【表を設定するタグ】
  •  <Table><Tr><Td>
    ＝表をつくる
  •  <Table border="太さ">
    ＝外枠の太さを指定
  •  <Table width="横" height="縦">
    ＝表のサイズの指定
  •  <Table align="位置">
    ＝表の位置指定。中央揃え（center)・右揃え（right）・左揃え（left)
  •  <Table cellpadding="枠内の余白">
    ＝枠内の枠と文字の間の間隔を指定
  •  <Caption>
    ＝表にタイトルをつける
  •  <Td rowspan=""> <Td colspan="">
    ＝セルの結合
  •  <Td bgcolor="色">
    ＝表に色をつける
  •  <Table bordercolor="色">
    ＝表の枠線に色をつける
  • ページタグ
  • 【ページの基本設定】
  •  <Title></Title>
    ＝ページタイトル
  •  <Body bgcolor="" text="" link="">
    ＝背景、テキストの色を設定
  •  <Body background="">
    ＝背景に画像を設定
  •  <frameset></frameset>
    ＝フレーム
  •  <Iframe Src="URL"></Iframe>
    ＝インラインフレーム