ホームページの作り方HP

ホームページの作り方を、無料で初心者のために手打ちのHTMLタグとスタイルシートで解説してます

■ ホームページの内容領域の横幅は、800px以下にする

　さていよいよ、<body>タグ内のホームページ本文の解説に入りたいと思います。

　それで、まず最初にホームページの内容領域の横幅は、できるだけ800px以下にするようにします。
　横幅を800px以下にする理由は、

（ⅰ）横幅800px以下だと見やすいから。
（ⅱ）横幅800px以下だとInternetExplorerで、左にお気に入り登録画面が出てきたときに、
　　ギリギリ内容が欠けることなく表示されるから。

の２つの理由によるものです。（と、ドクターレビューは分析しました）
　ブログもだいたい800px以下(800pxちょうどに設定されているのが多いようです）に設定されています。
　横幅800px以下にする設定方法の一例をあげておきます。

＜＜　ＣＳＳファイルデータ例　＞＞

＜　ファイル名＝style.css　＞

.name1 {
width:800px;
border-style:solid;
border-width:2px;
border-color:#339966
}

＜＜　横幅800px以下にするbodyタグ内の記述例　＞＞
（注意：style.cssのＣＳＳファイルと同じフォルダ内にHTMLファイルがある場合です）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>横幅800px以下にする記述例</title>
<meta name="keywords" content="横幅,800px,記述例">
<meta name="description" content="横幅800px以下にする記述例の紹介">
<meta http-equiv="Content-Style-Type" content="text/css">
<META http-equiv="Content-Script-Type" content="text/javascript">
<LINK href="style.css" type="text/css" rel=stylesheet>
</head>
<body>
<div align="center">
<div class=name1>
　<p>横幅800px以下にする記述例　</p>
</div>
</div>
</body>
</html>

＜＜　ブラウザ縮小表示例　＞＞

横幅800px以下にする記述例

ホームページの作り方の実践

ホームページ公開方法

レンタルサーバの選択

FFFTPによるHPのアップロード

ホームページの作り方HPTOPへ

リンク

素材リンク

HP作成リンク