鹿児島パソコン教室&パソコンサポート

www.minc.ne.jp
教室概要 | 受講システム | 科目料金 | スケジュール | アクセスマップ
科目詳細 | 資料請求
公開初級講座 | 公開中級講座 | 公開ホームページ作成
2004年ガイド | 4級ベーシックガイド | 4級ガイド | 3級ガイド | 2級ガイド | 準1級ガイド | 1級ガイド | インターネット模試 | 受験準備 | 問合せ
サポート案内 | サポートシステム | サポート日誌 | ウイルス情報 | 問合せ
トラブルQ&A | サポート掲示板 | 問合せ
PDF受講テキスト・PDF受講案内・PDF受講申請書
資料請求 | パソコン検定問合せ | 修理見積 | ホームページ作成/システム構築問合せ

ホームページの作成

small logo

第13回タグの記入例4

見出しタグ・改行するタグ・段落タグは便利だ!!

前回に引き続きワープロソフト等でおなじみの機能を提供するタグです。

注意しなければならないのはHTMLでは改行タグがあるということです。
テキストエディターの中でいくら改行しても改行されません。(ホームページビルダー等は改行されます。)
行を変えるには<br>のタグを書かなければ改行されません。

ここで右クリックし「ソースの表示を見てみましょう」
<br>タグが沢山出てきますね、それときれいな配置になっているでしょう。
これは「半角の空白キー」が入って読みやすいように整えているんですね。
つまり、HTMLでは「半角空白キー」は無視されるのです。(全角は空白文字として認識されます。)

<h1>+++</h1> ・・・・・見出しタグ
上の「13回目:タグの記入例4」 の文字がそうです。hの次の数字で大きさを決めます。
大きさは1が一番大きくて6が一番小さい見出しになります。
右クリックで「ソースの表示」で確認してみましょう。

<p>+++</p>  ・・・・・段落タグ
段落はひとつのまとまりです。

書き方は
<p align="left">これは左ぞろえ</p>・・・(align="left"は省くこともできます。)
<p align="right">これは右ぞろえ</p>
<p align="center">これは中央ぞろえ</p>

これは左揃え

これは左ぞろえ

これは中央ぞろえ

※右クリックでソースの表示をし確認してみましょう。

<div>+++</div>・・・タグ
<p>タグを使うとかならず1行空いてしまいます。
これを回避するには <div>タグを使います。

<div align="right">これは右ぞろえ</div>
<div align="left">これは左ぞろえ</div>・・・(align="left"は省くこともできます。)
<div align="center">これは中央ぞろえ</div>

これは左
これは右
これは中央
※次の行が空いていませんね

<p></p>タグ、<div></div>を使いこなすことによって細かなレイアウトが作れますね。
そのほか<pre>+++</pre>もあります。

Copyright© 2004 Digital Net Online Inc. All rights reserved.