HTML ファイルは、拡張子が .html または .htm で保存されたテキスト ファイルです。
Getting Started
このチュートリアルでは、HTML ドキュメントまたは Web ページを作成するのがいかに簡単かを学びます。 HTML のコーディングを始めるために必要なものは、シンプルなテキスト エディターと Web ブラウザの 2 つだけです。
では、最初の HTML ページを作成することから始めましょう。
Step 1: Creating the HTML file
コンピュータのプレーンテキスト エディタを開き、新しいファイルを作成します。
Tip: この作業には、メモ帳(Windowsの場合)、テキストエディット(Macの場合)、またはその他のシンプルなテキストエディタを使用することをお勧めします;WordやWordPadは使用しないでください。 基本的な原理を理解したら、Adobe Dreamweaverのようなより高度なツールに切り替えてもよいでしょう。
Step 2: HTMLコードを入力する
空のウィンドウから始めて、以下のコードを入力します。
Example
Try this code ”
<!DOCTYPE html><html lang="en"><head> <title>A simple HTML document</title></head><body> <p>Hello World!<p></body></html>
Step 3: Save the file
さて、このファイルをデスクトップに「myfirstpage.
注意:拡張子.html
.txt
として保存されます。 ファイルに移動し、ダブルクリックします。 デフォルトのWebブラウザで開くことができます。
コードの説明
あのコードはいったい何だったのかと思うかもしれません。
- 最初の行の
<!DOCTYPE html>
は、ドキュメント タイプ宣言です。 このドキュメントがHTML5ドキュメントであることをウェブブラウザに指示します。 -
<head>
<title>
タグはドキュメントのタイトルを定義します。 -
<body>
要素には、Webブラウザーでレンダリングされ、ユーザーに表示されるドキュメントの実際のコンテンツ(段落、リンク、画像、テーブルなど)が含まれます。
今後の章では、さまざまなHTML要素について詳しく学びます。
注:DOCTYPE宣言は、Webページの一番上で他の要素の前に表示されますが、doctype宣言自体はHTMLタグではありません。 しかし、doctype宣言自体はHTMLタグではありません。すべてのHTML文書は、ページが正しく表示されるために、ドキュメントタイプ宣言を必要とします。
ヒント: <html>
<head>
<body>
<head>
</head>
<title>
</title>
タグの間のテキストは、ブラウザのタブのタイトルとして表示されます。
HTMLタグと要素
HTMLは、マークアップタグで構成されたHTML要素の形で書かれています。 このマークアップタグが、HTMLの基本的な特徴です。 <html>
<head>
<body>
<title>
<p>
などのように、すべてのマークアップタグは、角括弧で囲まれたキーワードで構成されています。
HTMLタグは通常、<html>
</html>
のようにペアになっています。
開始タグと終了タグは同じですが、終了タグの開始角括弧の後にスラッシュ(/
)を付けることで、コマンドが完了したことをブラウザに伝えます。
開始タグと終了タグの間には、適切なコンテンツを置くことができます。
Example
Try this code ”
<p>This is a paragraph.</p><!-- Paragraph with nested element --><p> This is <b>another</b> paragraph.</p>
次の章では、さまざまなHTML要素について学びます。