タグを教えてください。

質問

一行の文章を段落おちせずに右側に寄せるタグって何ですか？

また　p align と div align の違いがどうしてもわかりません。

ＨＴＭＬ初心なものでよろしくお願いします。

回答No.1

117xg · ベストアンサー

普通に

align="right"

で問題ないと思うんですが・・・

p align は文章の段落を分けるときにこれを使うと若干行間が開くので、そういうときに使うものだと思います。
div align は文章だけでなく、いろんなオブジェクトのかたまりをまとめて位置指定するためのものだったと思います。
私はp alignはあまり使わないですね。

お礼

div align だけで足りるということですね。ありがとうございます。

補足

align="right"の閉めはなんでしょう？
例えば<table align="right">・・</table>のように表すとすると・・どうなるのでしょうか？

回答No.8

117xg

> ｜ひだり　　　　　　　　　　　　みぎ｜

あ、な～るほど、そういうふうにしたかったのですね。
そういう場合はやはり私もテーブルを使います。
というか手打ちタグの場合、テーブルを基本に組み立てていったほうが分かりやすいし、そもそもこの場合はそれしかやりようが無いような気がします。

テーブルを使わず棒打ち（ワープのように左上からダラダラ～っと打つこと）では、htmlは基本的に1本の文章だと捉えられてしまいます。1本の文章の中では右揃えとか左揃えといった観念は無く、文章全体（divやpで区切られた範囲）としてしか見てくれません。
そこでテーブルの<tr>や<td>、もしくは複数のテーブルの組み合わせでレイアウトの枠組みを作り、そこに各々の位置揃えを割り当てるといった組み方をします。

単に一言の単語を右に寄せるだけなのに面倒くさい感じはしますが、周辺のレイアウトとの兼ね合いを考えたら最初から全体をテーブルで組んでしまったほうが色んな面で便利かもしれません。

お礼

そうなると結果からいうと、テーブルより簡単にやる方法はないということですね・・。
自分としては知識が抜けてるのだと思ってました。例えば１～１０まで習ったけども２だけ知らないという感じで。イメージとしてはものすごく簡単な気がしたので（ただ単に右に寄せるだけ）、「恥ずかしながら今まで全然知りませんでした」・・・という結果になるとおもったのですが・・。
ほんとうに長いことありがとうございました。

回答No.7

maudlin

> もっと簡単なタグがあるのではないかと

そうですね。たしかに一行だけのためにテーブルを使うのも面倒くさい気もしますね。
もっと簡単なタグがあるかどうかは分からないのですが、
小さな（1×1）透過gif画像を作り、好みの位置に好みの長さで配置して
見た目を整えたことがあります。
　例：　ひだり<img src="touka.gif" width="90%">みぎ

あまり参考にならないかとは思いますが、こういう手もありますよということで…。
あまりお役に立てず、すみませんでした。

お礼

すごいですね、こういうやり方もあるのですね。簡単なタグではないかもしれませんが勉強になりました。

回答No.6

maudlin

ANo.5です。
すみません、先ほどの回答では分かりにくいかもしれませんね；

<table width="500"> のところを
<table width="500" align="center"> とか <table width="100%"> とかに置き換えて試してみてください。

お礼

ご丁寧にありがとうございます。

回答No.5

maudlin

なるほど、左寄せの文字と右寄せの文字を同じ行に配置したい ということですね。
そうすると <p> や <div> だけでは出来ないと思うので、テーブルタグを使ってはいかがでしょう。
たとえば↓こんな感じで…イメージに近い形になりませんか？

<table width="500">
<tr>
<td align="left">ひだり</td>
<td align="right">みぎ</td>
</tr>
</table>

なお、width="100%" というのはテーブル幅の指定ですので、お好みの数値に入れ替えてくださいね。

参考URL：

http://www.tohoho-web.com/html/table.htm

お礼

そのとうりです！！・・と言いたいのですが、実はもっと簡単なタグがあるのではないかと思って質問しました。（改行右寄せが div で簡単にできるなら、単に右寄せするだけなので、テーブルタグを使うのはあまりにもおおげさ感じがして・・。）
となるとやはりテーブルを使うしかないみたいですね。ありがとうございました。

回答No.4

maudlin

既に回答が出ていますが、<div align="right">文章</div> でも <p align="right">文章</p> でも大丈夫だと思いますよ。
なんとなく面倒そうなので、私もあまり<p>は使わないですが…。

文章を右側に寄せると段落おち（字下げ）は多分あまり関係ないと思うのですが…
（ブラウザによって違うのかもしれませんが；）
改行などで複数行になった時に、左側の文字の位置が揃わないということでしょうか？
その場合は左寄せ（通常）でもそうですが、フォントによっては1文字ごとの文字幅が違うため
文字数が同じでも端の文字の位置が揃わないということはあります。
たとえば、MS Pゴシック ではなく MS ゴシック にするなどで多少は見た目が違うかもしれません。

参考URLのページから <p> や <div> についての説明ページも参照できますので、
よろしければ一度ご覧になってみてくださいね。

参考URL：

http://www.tohoho-web.com/html/attr/align.htm

お礼

「段落おち」というのは個人で勝手に使ってた表現みたいです。すいません。
ソースに
　　　　ひだり<div align="right">みぎ</div>
でやるとANo.3さんのところに書いた下例のようになるということです。上例みたいにやりたいということですね。

回答No.3

117xg

>結局質問の「一行の文章を段落おちさせずに右側に寄せるタグ」はどうなるのでしょう？

すいません、そうでしたね。

<div align="right">みぎ</div>

で「みぎ」だけが右寄せになります。
質問の「段落おち」という意味がいまひとつ分からないのですが、右に寄せたときに上下の行間が変に広がるのが嫌ということでしたら、divでいけると思います。

とりあえず実験してみたら一目瞭然です。
ただ、見る側のOSやブラウザやそのバージョンによって表示が違う場合もあるので、できるだけいろんな環境で検証するのが望ましいです。

お礼

段落おちとはいわないのですね、すいません。
改行して右寄せになるということですね。例えば「ひだりみぎ」というのを
　　　｜ひだり　　　　　　　　　　　　みぎ｜
　　　｜　　　　　　　　　　　　　　　　　　　｜　　としたいのですがご指摘通りやると

　　　｜ひだり　　　　　　　　　　　　　　　｜
　　　｜　　　　　　　　　　　　　　　　みぎ｜　　となってしまいます。（ちゃんと表示できるかな？）今も確認しました。

回答No.2

117xg

>align="right"の閉めはなんでしょう？

これには閉めタグはありません。
仰るように、
<table align="right">・・</table>
のように補足的に位置情報を指定するタグです。
この場合はテーブルごと右に寄ります。

メモ帳に書いてみて実験するとすぐ分かりますよ。

お礼

↑↑これ表記が正確になってないので、例えば・・以下の内容は無視してください。

補足

テーブル自体を右に寄せるのはそれでわかりますが、結局質問の「一行の文章を段落おちさせずに右側に寄せるタグ」はどうなるのでしょう？
例えば

ひだり　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　みぎ

の「みぎ」をタグで表記するとどうなるのでしょう。