HTML文を表示させてみよう
HTML入門（2）
記事「HTML入門 はじめました」にて作成した HTML文（HTMLコード）を、ブラウザで表示させてみましょう。
お話は、次の順番で進みます。
HTMLをパソコン上で表示してみる
テキストエディタと、ブラウザの準備はできているかしら？何の話だか分からない人は、記事「カスタマイズ前の準備」をご覧ください。
1：HTMLコードをコピーする
（01）
前回の記事「HTML入門 はじめました」で作成した、次のHTMLコードを、コピーしましょう。
2：HTMLファイルを作成する
（02）
テキストエディタを起ち上げます。
デスクトップ上にショートカットがあれば、ダブルクリックしてテキストエディタを起ち上げてください。
起ち上げ方法は、ご自由にどうぞ。
（03）
前述（01）でコピーしたHTMLコードを、貼り付けます。
（04）
「ファイル」をクリックし、「名前を付けて保存」を選びます。
（05）
デスクトップなどの分かり良い場所に保存しましょう。
「ファイル名」を入力し、[保存]ボタンをクリックします。
例えば、ファイル名は、「sample01.html」などにします。気を付けて欲しいのは、拡張子を「html」にすることです。
「拡張子って、何？」という人は、記事「拡張子を表示させる方法」が参考になります。
3：ブラウザで表示する
（06）
前述（05）で作成したHTMLファイルを、ブラウザへ投げ込みます。（ドラッグ＆ドロップします）
ブラウザを起ち上げて、「ファイル」から「ファイルを開く」を選んで、HTMLファイルを開いても良いですよ。
（07）
ブラウザにて表示されます。次の2つのことを確認しましょう。
- <title>タグによって、「タイトル」と表示されている。
- <body>タグによって、「（内容）」と表示されている。
4：遊ぶ
（08）
時間に余裕がある人は、好きなように「タイトル」や「（内容）」を変更して、遊んで見ましょう。
次回予告
お疲れ様でした。やってみると、意外と簡単だったのではないでしょうか。今回はこれだけです。
物足りないと思うかもしれませんが、そのくらいが丁度良いんだなぁ。「もっと覚えたい！」くらいがね。
次回は、見出し（<h>タグ）について書く予定です。
関連記事
HTMLに関連する記事を、ご紹介します。
1：カスタマイズ前
2：HTML入門
- HTML入門 はじめました
- HTML文を表示させてみよう（この記事です）
- 見出しを付ける 【<h>タグ】
- 文章を書く 【<p>タグ】
- 画像を使う 【<img>タグ】
- リンクさせる 【<a>タグ】
- 表を作る 【<table>タグ】
- 箇条書き 【<ul>タグ】
- グループ化 【<div>タグ】
- HTML入門まとめ
3：もう少しHTML
作成日：2008/03/14 更新日：2008/03/14
« 「HTML入門 はじめました」｜「見出しを付ける 【<h>タグ】」 »
コメントありがとうございます。
こんばんは！
綺麗なコード
私もそうです。
ホームページはインターネットを通さないと、
表示されないのかと思っていたので、
びっくりしました。
「パソコン上で、見れるやーん！」
自分はどうやって覚えたんだろ？
けっこう前から、触れてはいたけれど、
取り組みはじめたのは、ここ1、2年くらいかな。
もっと綺麗なコードを書きたいなぁ。
「見出しタグ、お楽しみに！」
・・・というほどではないよぅ。かなり地味。(´Д｀)
コメントの投稿
トラックバック
http://kumacrow.blog111.fc2.com/tb.php/240-d75cc8ac
初めて自分でこれを表示させた時、感動だったなあ！
拡張子変えるだけで普段ネットで見てるものになるのですから。
自分は最初の方、だいぶ好き勝手やってて、配布されてたテンプレート
いじったりしてhtmlに慣れていった人なのですが、
そのせいか、すごい大事なとこの知識が、ぽっかり抜け落ちてたりしてます。
見出しｈのお話、楽しみにしています。
なんとなく役目はわかっているつもりですが、自信ない＾＾；