HTMLファイルの作り方やブラウザでの表示など、HTMLの最も初歩的な知識の解説。

HTMLについて

スポンサード リンク

HTMLとは?

  • HTMLは、Hyper Text Markup Languageを表します
  • HTMLファイルは、マークアップタグを含んでいるテキストファイルです
  • マークアップタグは、ページの表示方法をWebブラウザに伝えます
  • HTMLファイルの拡張子は、htm または html でなければいけません
  • HTMLファイルは、テキストエディタを使用して作成することができます

HTMLファイルを作成してみましょう

あなたのパソコンのOSがWindowsなら、Notepad(メモ帳)を開いてください。

もし、あなたのパソコンのOSがMacなら、SimpleTextを開いてください。

Mac OSXの場合、TextEditを開いたら、「環境設定」から「HTMLファイル中のリッチテキストコマンドを無視」をONにします。また、「新規書類のフォーマット」から「標準テキスト」を選択してください。これをしなければ、HTMLコードが正常に動作しない可能性があります。

それでは、以下のようにテキストを打ち込んでみましょう。

<html>
<head>
<title>ホームページのタイトル</title>
</head>
<body>
初めてのホームページ <b>これは太字です</b>
</body>
</html>

このファイルを「mypage.html」という名前で保存します。

それでは、あなたが普段使っているインターネットブラウザを開いてください。そして、メニュー欄にある「ファイル」から「開く」を選択します。ダイアログボックスから、先ほど作成したHTMLファイル(mypage.html)を選択し、「開く」ボタンをクリックすれば、ブラウザがHTMLページを表示するでしょう。

HTMLコードの説明

HTMLドキュメント中の最初のタグは<html>です。このタグは、これがHTMLドキュメントの始まりであるということをブラウザに伝えます。ドキュメント中の最後のタグは</html>です。このタグは、これがHTMLドキュメントの終わりであるということをブラウザに伝えます。

<head>タグと</head>タグの間のテキストは、ヘッダー情報です。ヘッダー情報はブラウザ上には表示されません。

<title>タグと</title>タグの間のテキストは、HTMLドキュメントのタイトルです。タイトルはブラウザのタイトルバーに表示されます。

<body>タグと</body>タグの間のテキストは、実際にブラウザ上で表示されるテキストです。

<b>と</b>タグの間のテキストは、太字になったテキストが表示されます。

HTMLファイルの拡張子 .htm と .html について

HTMLファイルを保存する場合、拡張子 .htm あるいは .html のどちらを使用してもよいことになっています。.htm 拡張子は、一般に用いられている古いバージョンのホームページ作成ソフトが単に .htm 拡張子で出力するという、過去から引き継いだ悪い習慣かもしれません。

新しいバージョンのホームページ作成ソフトなどで出力されるように、.html を使用するほうが最も安全で賢い選択でしょう。

HTMLエディタ

テキストエディタを使う代わりに、ホームページ作成ソフトなどのHTMLエディタを使って、HTMLファイルを編集することもできます。

しかし、あなたが熟練したホームページ制作者になりたければ、HTMLの基礎を学習するためにテキストエディタを使用することを強く勧めます。

スポンサード リンク