HTMLタグで文字を表示を変えよう

では、早速ホームページ(webサイト)を作っていきます。
その前に、どこか適当なところにフォルダを作っておきましょう。
ここではCドライブの下に【 MyPage 】というフォルダを作った事にして説明を進めます。

※【 マイコンピュータ 】→ 【 ローカルディスク(C) 】→【 右クリック 】→【 新規作成 】→【 フォルダ 】
でフォルダを作り、【 MyPage 】に名前を変更します。

準備がそろったところで早速ホームページを作ってみましょう。
【 スタート 】→【 (全ての)プログラム 】→【 メモ帳 】を起動して下さい。
【 メモ帳 】を起動したら、以下のHTMLタグを入力してください。
確認ですので、コピーしてもOKです。

<html>
<head>
<title>ようこそMyPageへ</title>
</head>
<body>
<p>ようこそMyPageへ</p>
<p>MyPageでは、○○についての情報を発信していきます。</p>
</body>
</html>

コピーは下記テキストエリアからどうぞ

入力が終わったら、【 メモ帳 】のメニューの左上【 ファイル 】→ 【 名前をつけて保存 】を選択して
【 ファイルの種類 】を【 全てのファイル 】を選択し、【 index.htm 】と名前をつけて保存して下さい。
簡単ですがホームページの完成です。次は、ブラウザで確認しましょう。

ブラウザで確認しよう

【 インターネットエクスプローラ 】を起動してください。
起動したら、メニューの左上【ファイル】→【 開く 】を選択し、
参照ボタンを押下して下さい。
開いたら、先ほど保存した【 index.htm 】を選択して開いて下さい。
( Cドライブ → MyPage → index.htm に保存したはずですね。)

又は、【 MyPage 】フォルダを開いて、【 index.htm 】ファイルをダブルクリックでもOKです。

ブラウザに【 ようこそMyPageへ 】の文字が表示されましたか? 簡単ですがコレで、ホームページの完成です。 各タグの説明は、後程します。覚えるより、まずはやってみる方が楽しいですから。
でも、これではちょっと味気ないですね。 次から、改造していきましょう。
それと、ブラウザは閉じずにこのままにしておいて下さいね。


スポンサードリンク