hiroshi.org HTML入門講座第3章 3-1

HTML 入門講座

《第3章》タグいろいろ

3-1　タグその1

　　　(1) タイトルをつける
　　　(2) 改行，改段する
　　　(3) 位置をそろえる

(1) タイトルをつける
書式

<TITLE> ----- </TITLE>

　タイトルとは，ブラウザの上部に表示されるそのページのタイトル（表題）のことです。これは，<HEAD>の中で記述します。
入力例

<HEAD> <TITLE>自己紹介のページ</TITLE> </HEAD>

　簡単でしょ？
(2) 改行，改段する
書式

 ←改行
 ←改段

　改行とは，文字通り，行を改めることです。改段は，見た目としては，改行を2回行うのと同じです。その位置に空行が1行入ります。
　改行は,連続で記述すれば，それだけ改行されますが，改段は，連続で記述しても，1回しか有効になりません。
　 は，単独で使用するタグなので，終了タグは必要ありません。は，終了タグを使用する場合もありますが，通常は必要ありません。
　今回は，入力例に<BODY>を表記しましたが，今後の説明では省略します。
入力例

<BODY> 私の名前は，山田太郎です。 昭和最後の年に生まれました。 ニックネームは，タローです。 みんなよろしくね。 </BODY>

表示例

私の名前は，山田太郎です。
昭和最後の年に生まれました。

ニックネームは，タローです。
みんなよろしくね。

　改行と改段の違いは分かりましたか？

(3) 位置をそろえる
書式

<CENTER> ----- </CENTER>

　文字やイメージをブラウザの幅に対してセンタリング（中央揃え）します。ブラウザの画面サイズを変更すれば，それに合わせて自動的にセンタリングを維持してくれます。
入力例

<CENTER> これがセンタリングです。 </CENTER> 次のように1行で入力しても同じです。各自で見やすいように入力してください。
<CENTER>これがセンタリングです。</CENTER>

表示例

これがセンタリングです。

　問題ないですよね？

■■■ 今回覚えたこと ■■■

4つのタグ
<TITLE> ----- </TITLE>
 

<CENTER> ----- </CENTER>
もう使いこなせますよね？

今回の総合入力例

<HTML> <HEAD> <TITLE>自己紹介のページ</TITLE> </HEAD> <BODY> <CENTER>山田太郎の自己紹介</CENTER> 私の名前は，山田太郎です。 昭和最後の年に生まれました。 ニックネームは，タローです。 みんなよろしくね。 </BODY> </HTML>

どのように表示されるか想像できますか？
表示例

山田太郎の自己紹介
私の名前は，山田太郎です。
昭和最後の年に生まれました。

ニックネームは，タローです。
みんなよろしくね。

タイトルは，ブラウザの上部に表示されているはずです。（このページでは違いますが）

メニュー　　　戻る2-3 お行儀よく記述しましょう　　　次へ3-2 タグその2

Hiroshi Yamamoto (SQUARE KNOT) MCMXCIX yamamoto@hiroshi.org