トップページに戻る

htmlタグの解説

boxによる画面割りが出来たら後は、box内に文章や画像を入れるhtmlタグを駆使してHPを作っていきます。 ここでは個人的によく使うタグだけを紹介します。参考になれば幸いです。

<div id="○○○"></div>
cssで設定した(index.cssで#○○○と記述した)boxの表示に使います。</div>の手前に入れた記述がそのbox内に表示されます。
<b>〜</b>
文字を太くします。boldの略です。〜内の文字全てに有効となります。
<br />
改行させます。最後に「/」を入れるのがxhtml流です。
<h1〜6>〜</h1〜6>
文字の大きさを変更。1が大きく6が小さい。
<p>〜</p>
上下を改行して文章を書く時に使います。
<div class="○○○"></div>
cssで設定した(cssで.○○○と記述した分)アイコンや画像を表示させるのに使います。
<a href="○○○"></a>
リンク指定に使います。○○○の部分にはリンク先のアドレスかhtmlファイルの名前をいれます。
<table><tr><td>○○○</td><td>△△△</td></tr></table>
本来は表を作るタグですが、別々の文章やアイコンを横並びにする時に使っています。 ○○○と△△△が横並びで表示されます。あまりオススメできる方法ではありませんが・・。
<img src="img/○○○">
画像ファイルから直接画像を貼り付ける時に使います。○○○には画像名を入れます。
<dl><dt>○○○</dt><dd>△△△△△△</dd></dl>
このタグ説明のように、○○○が表題、△△△△△△が表題の解説といった書き方をする時に使います。

*他にも様々なタグがありますので、色々試してみると楽しいです。


ページの最初に戻る
▼楽しい節約生活に戻る             
inserted by FC2 system