HTML HyperText_Markup_Language

WEB
FROG ふろっぐ
 
  • オプション

    本文印刷

    お気に入りに追加

  • 検索

    Googlewwwjp-ia
     

    Googlewwwjp-ia
     
  • 情報

  • 関連

[WEB][HTML HyperText_Markup_Language]
HTML
  • hypertext markup language
  • マークアップ言語。
  • 文章の構造を定義しているもの。
マークアップ言語
  • markup language
  • 一応、テキストファイルに属します。文章の構成など専門の言語です。
タグtag
  • 筆者のイメージ表現では、ホームページ読者に見せるための表現の仕方、例えば見出し、改行、スペースなど。
  • 難しく感じるかもしれませんが、現在ではマイクロソフトやIBMなどのソフトが簡単にタグの生成/記述!?をしてくれるものがありますので余程のことがないかぎり、このタグをいちいち書く人はいないでしょう。これを書いてはプレビューしてては1ページ作成するのに何時間もかかってしまいます。
タグ<TITLE>HTML</TITLE>
  • 上記は、記述しているページのタイトルを"HTML"と表示するという意味です。
  • 一番の基礎は<>/の3文字です。></でもいいです。
  • <>の中に書かれた文字は、表示されませんが><中に書かれた文字は表示されます。
  • 上記例を日本語に約すと次のようになります。
  • 「このページのタイトルはHTMLと表示する。タイトル命令!?は終わる。」てな感じです。
  • 基本的には小文字で記述してください。順は表示順と思っていただいて結構です。
  • 後は簡単!すべてのタグ(スペル)を覚えてください。(笑)
  • オブジェクト指向プログラミングを記述した経験者ならすぐにわかると思いますが、要素に対して属性(プロパティ)があります。
タグ<H2 align="center">HTML</H2>
  • 上記は"HTML"という文字をセンター(align="center")に表示します。という意味です。
  • このalign="center"が属性です。殆どのタグ(要素)には属性があります。
リンク link
  • ページからほかのページへジャンプさせるための関連付け。ハイパーリンクともいう。
  • そのほか、WindowsでOLEを使用して、相互間のデータを同じに保つ場合もリンクといいます。例えば株式会社Aという会社があり、その会社にはB支店とC支店があったとします。同じ品物を同じ値段で売る場合、各支店で値段の設定を個々に行わなければなりませんが、リンクしとけば本社Aで値段を変えれば各支店も自動に変更されるという便利なものです。「リンクする」という言い方をします。
  • ただし、今回の説明の場合ですとリンクの設定されているところをクリックすればそのページにジャンプするというものです。
相対パス
  • ページで参照しているファイルは同じフォルダ内にあれば問題はありませんが、違うフォルダにある場合は相対パスが必要です。
絶対パス
  • 詳しく書いたパスといった方が判り易いのでは・・!?。例えば全く違うサイトをリンクした場合などは絶対パスを使用します。
METAタグとは
  • ロボット系の検索エンジンに登録時、ロボットがホームページを読みキーワード、紹介文を自動作成する際に、その語、文を指定すること。
METAタグは大きく分けて3つの種類があります。
◎キーワードの設定
文法
<META NAME="Keywords" CONTENT="キーワード1,キーワード2,キーワード3">
※METAタグの途中で改行を入れないこと。
◎コメントの設定
文法
<META NAME="description" CONTENT="紹介文">
※METAタグの途中で改行を入れないこと。
※全角80文字、半角160文字以内。推奨
◎登録したいページとリンクの設定
文法
<META NAME="robots" CONTENT="index,follow">
※METAタグの途中で改行を入れないこと。
  1. index
    • METAタグ記述ページ
    • 検索対象
  2. noindex
    • 検索対象としない
  3. follow
    • METAタグ記述ページからリンクされているページ
    • 検索対象
  4. nofollow
    • 検索対象としない
META記述例 赤文字が変更可
<HTML>
<HEAD>
<TITLE>
株式会社例銀行ホームページ</TITLE>
<META NAME="Keywords" CONTENT="
株式会社例銀行,融資,ローン,預金">
<META NAME="description" CONTENT="
株式会社例銀行は皆様に〜です。">
<META NAME="robots" CONTENT="
index,follow">
</HEAD>
<BODY>

ホームページ内容

</BODY>
</HTML>





Production Japan Import Application. Since 1998