HTMLに関する基礎知識
■HTMLとは
HTMLとは、HyperText Markup Language(ハイパーテキスト・マークアップ言語)の略で、タグと言われる手段を使ってテキストに構造や修飾情報を追加しコンピュータが情報を読める様にしているものです。
HyperText Markup Language
■ブラウザについて
HTMLでコンピュータが読み込んだ情報は、ブラウザ(ホームページ閲覧ソフト)に表示されます。
↓代表的なブラウザソフト
■タグについて
HTMLは、文書の構造から見た要素で構成されています。
内容に沿って『しるし』を付けてページを表現します。
この『しるし』がタグであり、HTMLのマークアップの事です。
HyperText Markup Language
■タグの書き方
HTMLでは、要素に対して属性と値を指定します。
|
要素
|
| タグ | | タグ
|
| < | DIV | ALIGN | =" | right | "> | 文字列や文章 | </DIV>
|
| | | 属性 | | 値 | | 要素内容 |
|
■引用符
HTMLで属性に値を指定する際、""(ダブルクォーティション)や''(クォーティション)は省略可能ですが、省略せずに""や''で囲うのが正しい書き方です。
■間違いではありません。
<DIV ALIGN=right>文字列や文章</DIV>
■正しい書き方
<DIV ALIGN="right">文字列や文章</DIV>
■大文字と小文字
HTMLでは、大文字,小文字は区別しません。
※CSSやJavaScriptでは大文字,小文字を区別します。
■間違いではありません。
<DIV ALIGN="RIGHT">文字列や文章</DIV>
■間違いではありません。
<div align="right">文字列や文章</div>
■間違いではありません。
<Div Align="Right">文字列や文章</Div>
■URLに関する基礎知識
HTMLでリンクや画像を表示する場合、URLを記述します。
URLはhttp://で始まる絶対パスと、基準となるファイルから見て対象ファイルを指定する相対パスがあります。
他サイトへのリンクの場合、絶対パスで記述します。
■絶対パス記述例
<A HREF=
"http://members.jcom.home.ne.jp/tmlue/index.html">
tm流[HP作成支援]</A>
■相対パス
主に、自分のサイト内でのリンクや画像を表示する場合には、相対パスで記述します。
基準となるファイルの位置と、対象となるファイルの位置を相対的に記述するので、ファイルとフォルダの位置関係を理解する必要があります。
■相対パス記述例
<A HREF="../index.html">戻る</A>
■フォルダとファイル
フォルダ
PC(フォルダ)
A.html
THIS.html
| |
|
|
|
E.html
|
F.html
|
■THIS.htmlから見たA.html〜F.htmlまでの相対パス記述例
<A HREF="A.html">A.html</A>
<A HREF="SUB/B.html">B.html</A>
<A HREF="../i/C.html">C.html</A>
<A HREF="../i/SUB/D.html">D.html</A>
<A HREF="../E.html">E.html</A>
<A HREF="../../F.html">F.html</A>
■index.html
index.htmlは、そのフォルダのトップページを意味します。
絶対パスで記述する場合にindex.htmlは省略可能です。
■同じページです
http://members.jcom.home.ne.jp/tmlue/index.html
http://members.jcom.home.ne.jp/tmlue/
Presented by
HTML辞典