宝島 HTML講座　第３話

『自己紹介』を入力してみる
では、手始めにA子さんの簡単な紹介文でも入力してみます。皆さんも自分のなりを一緒に作ってみて下さい。

◇　簡単例　◇

では次のようにでも入力してみましょうか･････
『名前は、A子。年齢はヒミツ。職業はOL。特価で買ったワープロを持っているが使い方が良く分からない。流行ものが好きで、今はインターネットに興味大！』
っと入力完了！皆さんは、出来ましたか？

ダラダラと入力する理由ですが、ワープロ等でいくら『文字の修飾』や『改行』をしても htmlの指定するタグ以外は認識しないので、ブラウザに表示すると結局ダラダラと表示されるからなのです。
(全角のスペースだけは、ブラウザも認識するのでやたらとスペースを空けたりしないのほうが、いいみたい）

では文章が出来たら次は『html』のタグを入れてhtml構造にしていきましょう！

トップへ

『html』構造にしてみよう

　いよいよ本格的に『html』を始めましょうか･･･まずは、: １．『html』の指定をする。<html>～</html>; ２．タイトルをつける。<head><title>～</title></head>; ３．本文の指定をする。<body>～</body>

基本的なのはこの3つです。これだけ分かれば、ただの文章だけなら、ホームページが出来ます。

	そーですよね･･･。いきなり、こんな事言われたってわからないですよね。ん～。だったらとりあえず、下を見てください。下にhtmlの構造を書いてみたのでこの方が分かりやすいかも･･･。

っと言うのが、『html』の骨組みです。では、前の項目「自己紹介を入力してみる」で入力したA子さんの文章にこれを入れていってみます。（下記のようになる）タイトルは何でも良かったのですが、まぁ分かりやすい名前を付けてみました。構造に直すときに、並びをきれいにしました。これはワープロ内で見やすいようにしただけで、ダラダラと入力してもブラウザに表示した結果は同じです。改行と半角のスペースを使って並べています。（全角のスペースは、使わないで下さいね。タビタビ）