spacer 始めよう!ウェブ・サイト作り - Webデザインに関するページ spacer
 
spacer   spacer spacer
ホームサイトマップ
ボタン-基礎 ボタン-運営 ボタン-リンク ボタン-その他 ボタン スペーサー
spacer spacer
spacer spacer
タグについて  
タグについて少し詳しく書きたいと思います。タグは< >で表す開始タグと、</ >で表す終了タグで記述します。
例えば<i>〜</i>というふうにです。<i>〜</i>は文字を斜体にする命令のタグです。
基本構造に追加してみます。
<html>
<head>
<title>HTMLについて</title>
</head>
<body>
<i>こんにちは!</i>
</body>
</html>
このように斜体になります。→check
他のタグと組み合わせて使うことも出来ます。複数のタグでテキストをはさみます。

斜体かつ太字にしてみましょう。
<html>
<head>
<title>HTMLについて</title>
</head>
<body>
<i><b>こんにちは!</b></i>
</body>
</html>

太字の斜体になりました。→check

次に文書のかたまり(段落)を作る<p> 〜 </p>を使ってみます。
<html>
<head>
<title>HTMLについて</title>
</head>
<body>
<p>おはよう!</p>

<p>こんにちは!</p>
</body>
</html>

<p> 〜 </p>ではさまれたテキストは段落になり、必ず行間が一行空きます。→check

次はこれに属性を加えて中央揃え、右揃えの文書をつくってみます。
<html>
<head>
<title>HTMLについて</title>
</head>
<body>
<p align="center">おはよう!</p>
<p align="right">こんにちは!</p>
</body>
</html>
こうなります。→check
alignの部分が属性と言ってタグとあわせて使用します。
様々なタグに対し様々な属性があって、テキストや罫線等をアレンジすることができます。
記述のルールとして、タグの要素(pの部分)と属性は半角スペースを入れて区切ります。
<p align="center"><font size="6" color="#CC0000">属性について</font></p>
グレーの部分が属性です。半角スペースで区切り何個でも書くことができます。→check

<< HTMLの基本構造 タグについて 2 >>
  ■WEBデザインの基本
ホーム > Webデザイン > タグについて ↑このページのトップへ
 
Copyright(C) 2007 Web Design LDI All Rights Reserved.