ベストアンサー

一行に書きたい

2005/04/18 12:19

お世話になります。初歩的なことでお聞きしたいのですが。 HTMLで一行に表示させてリンクを貼りたいのですが、例えば、「新着情報１」何文字分かスペースがあって、「新着情報２」何文字分かスペースがあって、「新着情報３」とそれぞれにリンクを貼って、そして一行に表示させたいです。普通にタグを打つと改行されて表示されてしまいます。よろしくお願いします。

snufkin0614
お礼率27% (277/1022)

HTML
回答数3
ありがとう数1

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

noname#35109

2005/04/18 15:52 回答No.2

こんなのでよろしいかと思うのですが。 -------------------- <html> <head>  </head> <body> <div align="left"> <table border="0" cellpadding="0" cellspacing="0" width="400"> <tr> <td>新着情報１</td> <td>新着情報２</td> <td>新着情報３</td> </tr> </table> </div> </body> </html> -------------------- ６行目の<div align="left">でテーブル全体が左詰めになっています。 <div align="center">で中央，<div align="right">で右詰めになります。７行目の「width="400"」これがテーブルの幅です。単位はピクセルです。「 width="50%"」とすると，画面全体のパーセンテージになります。同じ７行目 <table border="1" cellspacing="1" width="400"> とかすると，新着情報の周りに線が出てきます。このひとまとまりをテーブルと言います。このテーブルを組むとレイアウトがうまくできます。最近はテーブルよりもスタイルシートをつかうことの方が推奨されていますが，とりあえずはテーブルを使った方法が主流ですしこれでいいかと思います。９行目の<td>新着情報１</td>　の文字にリンクをつけると <td><a href="http://～～/○○.html">新着情報１</a></td> という感じでしょうか。相対パスでもかまいません。と上のHTMLだけで，いくらでも，話は続いてしまうので，この辺で…

その他の回答 (2)

digo
ベストアンサー率66% (2/3)

2005/04/18 20:36 回答No.3

<html> <head></head> <body> <a href="#">新着情報１</a> <a href="#">新着情報２</a> <a href="#">新着情報３</a> </body> </html> 普通にタグを打つと改行されずに1行に表示されますよ。こういうコトではないのかな？^^; リンク同士の間隔を広げたい場合は、スタイルシートで以下のようにすると良い感じになりますよ。 margin:auto 5px の5pxの数値を変えると幅を調節できます。 <html> <head> </head> <body> <a style="margin:auto 5px" href="#">新着情報１</a> <a style="margin:auto 5px" href="#">新着情報２</a> <a style="margin:auto 5px" href="#">新着情報３</a> </body> </html>