ホームページ作成ビギナーズガイド

その8 文章を入力する

前回までは少々難しい全体像と、基本設定の方法を学びました。このセクションからいよいよ簡単なホームページ作成をします。

まずはじめに・・・準備しましょう。

まずはじめに、あなたが先ほど作成したbase.htmlをコピーして新たに別のファイルを作成しましょう。作成したファイルの名前はindex.htmlです。

 

このセクションからは index.html を編集していきます。
ではindex.htmlに文章を書いていきましょう

 

bodyタグの間に文章を記述する

インターネットのホームページに表示されるのはbodyのタグに囲まれている部分でしたね☆彡。今回はこのbodyの中に以下のように文章を記述しましょう。

 

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>ホームページの作り方</title>
<meta name="description" content="初心者のためのホームページ作成講座" />
<meta name="keywords" content="ホームページ,作成,初心者" />
</head>
<body>
ホームページの作り方
ホームページの作り方 へようこそ!
このサイトはホームページ作成初心者の方でもホームページの作成ができるように作ったページです。
サイドメニュー

はじめに
ホームページの基礎
ホームページ作成の応用
お役立ちサイト
リンク集
welcom!!
このページでホームページの基礎を固めましょう
infomaition
○○年○月○日ホームページをリニューアルしました。
Copy right 2011 ホームページの作り方.All Rights Reserved.

</body>
</html>

ではこのindex.htmlファイルを上書き保存して、確認してみてください。(確認画面はこちら
body要素の中にワープロを打つように改行して文字入力しても実際プレビューでは変わらないんです・・・。お分かりの方もいらっしゃるかもしれませんが、それぞれの文章には指定するタグが必要になるんでしたよね(参考その4ホームページ書き方の約束)つまりこの文章の適切な場所に、タグ(要素)を挿入することで読みやすレイアウトができあがるんですね。では次はこの文章にタグをつけて
読みやすいものに整えていきましょう。

 

次のセクションは
その9 文章にタグを挿入し、ホームページのレイアウトを整える です