Main Contents

Apr 10 2005

■【HTML-10】実際にHTMLを作ってみよう！

さぁ、今までの話がウソじゃなかったことがここで証明されます。
実際、もっとも簡単なHTMLを書いてみます。

□HTMLはどんなテキストエディタでも作れる
　HTMLは文章が書けるいわゆるワープロソフトなら、どれでも作れます。
　Windowsには標準で、メモ帳とかありますよね。あれでいいです。
　拡張子（ファイル名の最後に付ける英文字)を.htmlにして保存してください。

一番簡単なHTMLをメモ帳で書いてみます。

<html >
<head>　　</head>
<body>はじめてのHTMLですよ</body>
</html>
↑これをコピーして、メモ帳にペーストしてください。
そして、.htmlという拡張子を最後に付けた名前ならなんでもいいので付けて保存してください。（ここではtest.htmlという名前で保存したとします。）

保存したtest.htmlをお使いのWebブラウザで開いてみてください。

はじめてのHTMLですよ
って表示されました？
ねっ、できたでしょう！

じゃぁ、文字を太くしてみます。
『はじめてのHTMLですよ』の前後に<strong>タグを追加してください。
(<strong></strong>は<B></B>でもOKです。)

<html >
<head>　　</head>
<body><strong>はじめてのHTMLですよ</strong></body>
</html>
↑こんな感じ。


保存して、ブラウザの「再読み込み（リロード）」を押してください。

はじめてのHTMLですよ
って表示されました？
ねっ、太くなったでしょう？


次に属性なんか増やしてみましょうか？

<body>の属性に背景色を指定するbgcolor属性があります。これを追加します。
とほほのHTMLリファレンス bodyタグ

<html >
<head>　　</head>
<body bgcolor="yellow"><strong>はじめてのHTMLですよ</strong></body>
</html>
↑、こんな感じ。同じく保存→再読み込みします。
背景が黄色くなったでしょう？

bgcolor="yellow"　は英語そのまんまで、yellowが指定している色です。
だからblueに変えれば、背景が青になります。

保存→再読み込みやってみました？なったでしょう？

ちょっと嬉しくない？初めてHTMLができましたよ！

こんな感じで、タグを書いてブラウザで見て…
を繰り返してHTMLは作っていきます。

普通のHTML入門なら、ここから徐々に難易度が上がりややこしい話になっていくのですが、ブロガーにはそれは必要ありません。だって、その難しいのはブログがやってくれるんですから＾＾
最初にブログとは定型書類を管理してくれるもの。と言いました。
お役所の書類と同じで、インターネットで通用する定型書類には、それなりのルールがあります。HTMLを１から全て作っていくならばそれらも知る必要があるのですが、ブログの場合は、そういった面倒なことはブログがやってくれます。（だから知らないタグや属性が増えて強面HTMLになるんですが…^^;）

■TrackBacks

注：スパム対策の為、管理者確認後に表示されます

TrackBacks URL :

■Comments


■Post a comment

(Moo-t.blog では不適切なコメントを防止するため、コメントを掲載する前に管理者がコメントの内容を確認しています。コメントを初めて投稿する場合すぐに掲載されませんが、管理者が適切なコメントと判断した場合コメントは直ちに表示されますので、再度コメントを投稿する必要はありません。)

コメントフォーム