左寄せ表示にする

HTMLを使用した記述方法

記述方法

<head>
<title></title>
</head>
<body>
<div align="left">
<p>左寄せ表示したいものを囲みます</p>
<p><img src="../img/smp.gif" alt="サンプル画像"></p>
</div>
</body>
</html>

解説

表示サンプルを見たい方は以下をクリックして下さい（別窓でサンプルが表示されます）。

サンプルはこちら

ボディ内にて、左寄せ表示をしたいものを「<div align="left">」と「</div>」で囲んで記述します。文字はもちろんのこと、画像やフォーム部品などなどさまざまなものを左寄せにすることができます。

ＣＳＳを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
div.smp { text-align: left; }
-->
</style>
</head>
<body>
<div class="smp">
<p>左寄せ表示したいものを囲みます</p>
<p><img src="../img/smp.gif" alt="サンプル画像"></p>
</div>
</body>
</html>

解説

表示サンプルを見たい方は以下をクリックして下さい（別窓でサンプルが表示されます）。

サンプルはこちら

ヘッダ内の記述にて、「DIV」タグの「smp」（名前は自由に付けてください）と言う名前のものに関しての表示方法を指定しています。