HTML クイック・イントロダクション

HTML とは、ドキュメントのレイアウトを指定したり、ドキュメント間をリンクするために使用される言語です。

generated description: htmlintro1.gif HTML 文書は、<> 括弧で識別されるタグとテキストを含みます。ほとんどのタグは、スラッシュ (/) で示される終了のタグと共に対になっています。すべての HTML ドキュメントには、<html> タグ、<head> タグ、および <body> タグが含まれます。

HTML について理解するために、以下の単純なページを構成してみましょう。

HTML <Head> セクション

<head> セクションは、ブラウザ・ウィンドウのタイトル・バーに表示されるタイトルを含む、ドキュメントに関する情報を含みます。タイトルは、<title> タグ内で指定されます。

<html> 
<head><title>Learning HTML</title></head>
<body>
</body> </html>

ドキュメントのテキスト

<body> は、実際のページのコンテンツを含みます。<body> 内の、タグでないものはすべて、ブラウザで表示されるテキストです。<b> タグは、テキストを太字で表示するときに使用します。

HTML は行型言語ではないことに注意してください。ここではページが表示されているときに 2 行でテキストを配置していますが、ウィンドウが十分な大きさの場合や、複数行にまたがっている場合、ブラウザはそれを 1 行で表示することがあります。

<html> 
<head><title>Learning HTML</title></head>
<body>
For a good book about HTML, 
we recommend <b>HTML & XHTML: The Definitive Guide</b>. 
</body> </html>

ドキュメント間のリンク

他のページへリンクするには、リンク・テキストをアンカー・タグ <a> で囲みます。その href 属性は、ユーザがこのテキストをクリックしたときに表示するページのアドレス (URL) を提供します。

<html> 
<head><title>Learning HTML</title></head>
<body>
For a good book about HTML, 
we recommend <b>HTML &amp; XHTML: The Definitive Guide</b>. 

Check it out on the 
<a href="http://www.oreilly.com">O'Reilly & Associates Web site</a>. 
</body> </html>

イメージの使用

ページにイメージを追加するには、2 つの属性を持つ <img> タグを使用します。2 つの属性とは、表示するイメージを指定する src と、テキストの左側へイメージを配置する align です。

<img> タグは、対でないことに注意してください。つまり、</img> タグはありません。

<html> 
<head><title>Learning HTML</title></head>
<body>
<img src="BookCover.gif" 
align="left">
For a good book about HTML, 
we recommend <b>HTML & XHTML: The Definitive Guide</b>. 

Check it out on the 
<a href="www.oreilly.com">O'Reilly & Associates Web site</a>. 
</body> </html>

以上が、ここで学習する HTML のすべてです。さらに詳しく学習するには、O'Reilly & AssociatesOpens in a new tab から出版されている "HTML & XHTML:The Definitive Guide" をお勧めします。