ホームページを作って稼ぐ

〜タグを使ってみよう〜

タグとは、「はじめに」で紹介した通り<HTML>のように<>で囲まれたもののことです。
ここでは、実際にホームページを作る際によく使うタグをいくつか紹介したいと思います。

改行する
HTMLで改行をしたい場合は、改行したい場所に<br>と入力します。
ソース 使用例
改行<br>します。 改行
します。


行揃えをする
行揃えは、下記のように左揃え・中央揃え・右揃えができます。
ソース 使用例
<div align="left">左</div>
<div align="center">中央</div>
<div align="right">右</div>
中央


リストを作る
項目別に表示したり、箇条書きにしたい場合に使用します。
リストのマークは下記のように指定することができます。
ソース 使用例
<ul>
<li type="circle">項目1</li>
<li type="disc">項目2</li>
<li type="square">項目3</li>
<ul>
  • 項目1
  • 項目2
  • 項目3


文字を編集する
文字の色や大きさ等の編集をしたい場合に使います。
ソース 使用例
<font size="1">文字サイズ1</font>
<font size="6">文字サイズ6</font>
<font color="#ff0000">文字色「赤」</font>
<font color="#008000">文字色「緑」</font>
文字サイズ1
文字サイズ6
文字色「赤」
文字色「緑」


表を作る
表は、行セルの背景色を変えたり、表の大きさを指定したりできます。
bgcolor="*"の*を指定することでセルの背景色が変わり、
width="*"height="*"の*に数値を入力するとセルの幅と高さを指定できます。
borderを0にすると表の枠線が消えます。
ソース 使用例
<table border="1" width="150">
<td bgcolor="#FFFF00" width="100" height="50"> 黄 </td>
<td bgcolor="#FF0000" width="50" height="50"> 赤 </td>
<tr>
<td bgcolor="#008000" width="100" height="30"> 緑 </td>
<td bgcolor="#0000FF" width="50" height="30"> 青 </td>
</table>



モバイル版はコチラ
ケータイにURLを送る