改行をする： STEP3 【 HTMLファイルにHTMLタグを入力しよう】

ホームページ作成の基礎から、HTMLタグやスタイルシート、JavaScriptを使ったHP作成方法、アクセスアップの秘訣を紹介。

ホームページ入門

初めてのホームページ

作成に必要なもの

レンタルサーバ選び

HPを作ってみよう

拡張子の表示

フォルダ、ファイル作成

HTMLタグの入力

HTMLタグについて

基礎部分の入力

タイトルの入力

背景の設定方法

文字の入力

改行をする

平行線を引く

中央揃えの方法

画像を張る

サイト内リンク

他サイトへのリンク

FTPの使い方

完成までの流れ

気をつけたいこと

　改行をする

改行とは


	改行とは、一般的に文章を次の行へと移すことですが、もう試した方もいるかもしれませんが、HTMLファイルでは普通に「Enter」をしただけでは行は変わりません。「まさか…」と思ったかもしれませんが、そうなんです。HTMLファイルでは改行する時にも「HTMLタグ」が必要なんです。そこで、改行に必要なタグを覚えましょう。

改行してみよう！

まず改行タグを覚える前に、先ほど「文字の入力」で入力したタグを消しましょう。
「<body> ～ </body>」内の、「体験ホームページ」以外のタグを消してください。
消し終わったら、以下をご覧ください。

<html>
<head>
<title>体験ホームページ</title>
</head>
<body bgcolor="#fffeee">
体験ホームページ
体験ホームページへようこそ
</body>
</html>

まずは上のように赤い部分を入力して「更新」してみてください。

上のようになりませんでしたか？ソース部分では行を変えていても、ホームページ上では改行として認識されず、繋がって表示されてしまいます。
そこで、下記のようなHTMLタグを使用します。

<html>
<head>
<title>体験ホームページ</title>
</head>
<body bgcolor="#fffeee">
体験ホームページ
<br>
体験ホームページへようこそ
</body>
</html>

HTMLタグ【改行について】

上の赤い部分が改行をするためのタグになります。この「<br>」タグは、一つ入力すると１行改行されます。ですから、２行改行したい場合には二つ入力します。
ものは試しです。まずは一つだけ入力して１行改行させてみましょう。

上のように１行改行されたと思います。これと同じように、「<br>」タグを二つ、三つと入力することで２行、３行と改行されます。
それでは次に進む前に、次の準備のため下記の部分を追加してください。

<html>
<head>
<title>体験ホームページ</title>
</head>
<body bgcolor="#fffeee">
体験ホームページ
<br>
<br>
<br>
<b>体験ホームページへようこそ</b>
</body>
</html>

上のように変更できたら完了です。次の「罫線（平行線を引く）」に進みましょう。

ページの上へ

前のページ

トップページ

罫線（平行線を引く）

Copyright (C) 2007 ホームページ作成講座 All Rights Reserved.