ついに夏本番!さぁ、家族でキャンプに行くぞ! >>

お世話になります。HTML初心者で教えていただきたいのですが、よろしくお願いします。
以下のタグで、「月別来館者数の推移」まで表示できたら、次の表は3cm程間を空けて右に表示させたいのですが、
タグをどのようにすればいいのでしょうか。
タグを直していただければ助かります。
よろしくお願いします。



 <tbody>
<tr>
<td width="200" valign="Top" class="normal">
<p><span class="textitle"><font size="2"><b>
来館者数</b></font></span><br>
<br>
<font size="2">平成17年○月分<br>
<br>
<font size="2">月別来館者数の推移</font></p>
</td>

</tbody>
</table>

<font size="2">平成  年  月  日現在</font></tr>
<table border="1" bordercolor="black" vspace="5" hspace="30" align="Left">
<tbody>
<tr>
<td align="Center" width="70"><font size="2">資料1</font></td>
<td align="Center" width="70"><font size="2">約   冊</font></td>
</tr>
<tr>
<td align="Center" width="70"><font size="2">資料2</font></td>
<td align="Center" width="70"><font size="2">約   題</font></td>
</tr>
<tr>

</tbody>
</table>

このQ&Aに関連する最新のQ&A

A 回答 (2件)

ちょっと雑になっちゃいましたが・・・



<table width="500">
<tbody>
<tr>
<td width="200" valign="Top" class="normal">
<p><span class="textitle"><font size="2"><b>
来館者数</b></font></span><br>
<br>
<font size="2">平成17年○月分<br>
<br>
<font size="2">月別来館者数の推移</font></p>
</font>
</td>

<td width="67" valign="Top" class="normal">
<font size="2">       </font>
</td>

<td width="200" valign="Top" class="normal">

<font size="2">平成  年  月  日現在</font>
<table border="1" bordercolor="black" vspace="5" hspace="30" align="Left">
<tbody>
<tr>
<td align="Center" width="70"><font size="2">資料1</font></td>
<td align="Center" width="70"><font size="2">約   冊</font></td>
</tr>
<tr>
<td align="Center" width="70"><font size="2">資料2</font></td>
<td align="Center" width="70"><font size="2">約   題</font></td>
</tr>
<tr>

</tbody>
</table>
<p> 
</td>

</tbody>
</table>

この回答への補足

返事がおそくなりましてすみません。回答ありがとうございました。綺麗に出来て感謝しております。

また質問となりますが、2列目の表のさらに右にまた数センチ開けて、文章なり表を表示させたいときは、どういうタグを打てばいいでしょうか。
1列目と2列目の間の同じタグでよいのでしょうか?
もし分かるようでしたら、教えていただきたいと思います。
よろしくお願いします。

補足日時:2005/04/15 18:47
    • good
    • 0

補足ですが



<font size="2">平成17年○月分<br>
<br>
<font size="2">月別来館者数の推移</font></p>

じゃなくて

<font size="2">平成17年○月分<br>
<br>
月別来館者数の推移</font></p>

が正しいです。<font>タグがひとつ余分でしたよ。

ちなみに、テーブルじゃなくて、スタイルシートを使う方法はどうですか?余白や文字サイズなど、細かい設定ができますよ。
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QHTMLでテーブルを横に並べる方法

HTMLでホームページを作っています。
テーブルを横に二つ並べたいのですが、二つ目のテーブルはどうしても最初のテーブルの下の段になってしまいます。どうしたら横に並べることができますか?
教えていただければ幸いです。
よろしくお願いします。

Aベストアンサー

2列のテーブルを作ったらいかがでしょうか?
<table>
<tr>
<td>1つめのテーブルに入れる内容</td>
<td>2つめのテーブルに入れる内容</td>
</tr>
</table>

それぞれのテーブルをそのまま使いたいならば、
↑のテーブルのセルの中に、それぞれ入れれば2つ並びます。
<table>
<tr>
<td><table>←1つめのテーブル→</table></td>
<td><table>←2つめのテーブル→</table></td>
</tr>
</table>

Q画像を複数横に並べ、かつそれぞれの画像の下に文字を表示する

はじめまして!!質問のとおりです。

画像を横に複数表示しつつ、さらにそれぞれの画像の下に文字を表示(それそれの画像の横幅の範囲内に)するには、どうすればいいのでしょうか??

回答よろしくお願いしますm(_ _)m

Aベストアンサー

TABLEタグで横並びの1画像ずつ区切ってみてはいかがでしょう?
最小の画像横幅より狭くTD の幅指定をして画像の下に回り込みで
テキストを入れる形を取りborder=0に指定すれば罫線は表示されません。

http://www.geocities.co.jp/SiliconValley-Bay/7770/file/hf.html
http://www.tagindex.com/hp_guide/menu/02.html

Qポートの80と443

こちらのサービス(https://secure.logmein.com/)を利用すると、インターネットを見られるサーバーのポートの80と443が空いていればルータやファイアウォールに特段の設定なく外部からサーバーを操作できるそうですが、逆にサーバーのポートの80や443を空けることには何か危険性があるのでしょうか。

Aベストアンサー

ポート80は一般的なHTTP、ポート443はHTTPSです。
この2つのポートがあいていなければインターネット接続(WEBブラウジング)は出来ません。
ですから、ほとんどのファイアウォールでこのポートは開いています。(インターネット接続を制限している社内LANでは当然閉じていますが)

ちなみに、よく使うポートとしてはFTPで20、21、SMTP(送信メール)で25、受信メールPOP3で110あたりです。セキュリティポリシー上、この辺は制限される事も多いですが、HTTP 80、HTTPS(暗号化用)443は通常閉じません。


危険性?
WEBプロトコルを使ってFTP的なファイル転送(WebDAV)やVPN等も出来るようになっています。当然そこにはある種の危険はつきものですが、WEBブラウジングに伴う危険と大きく変わりません。ウィルス等に感染していればこの2つのポートだけでも相当危険でしょうね。

参考まで。

Qcssで「下よせ」ってどうやっていますか?

フロートのレフト、ライトはいいとして、

あるボックス要素内(A)に異なるボックス要素(B)をいれます。
この(B)を(A)の一番そこにはりつかせたい時にどうすれば
最もよいのでしょうか?

いいアイデアをご教授ください。

Aベストアンサー

こんなのはどうかな?

position: absolute;
bottom: 0px;

Qブログ記事内に文章を左右2列に配置したい

ブログ記事に 詩などをアップした場合に
一行が短すぎてスカスカに見えることがあります。
(記事カラムの幅は550pxで、FC2ブログです)

そうした場合だけ
記事内に段落を同じ行数で
左右2列に配置したいのですが

たとえば
<p style=××>~</p>
<div style=××>~</div>
このような形で配置できないものでしょうか。

また
段落タグは無理でも
箇条書きリストやテーブルを使えば
希望の表示になるのでしょうか。

できれば
記事内への記述のみで対応できればと考えていますが
テンプレートのHTMLやCSSの編集も可能です。

よろしくご教示いただけますようお願いいたします。

Aベストアンサー

別に難しくはないですよ。 ただ、
>記事カラムの幅は550px
これが怪しいので、崩れる可能性はありますよ。
その場合は、width:250px;などを小さくする。
元々のCSSが効いていれば、margin:0;border:0;を入れる。

その他、工夫次第で細かいデザインは好きに出来ます。

枠組みだけで、単純なのが、以下。
----------------------

<div style="float:left; width:250px; padding: 0 12px;">
<p>詩1</p>
</div>
<div style="float:left; width:250px; padding: 0 12px;">
<p>詩2</p>
</div>
<div style=" clear:both;">
<p>締めの一言</p>
</div>

----------------------
かなりの頻度で利用するなら、クラス + 外部CSSで簡素化。

<div class="si"><p>詩1</p></div>
<div class="si si2"><p>詩2</p></div>
<div class="si3"><p>締めの一言</p></div>

/* 外部CSSに以下を追記 */
div.si{ float:left; width:250px; padding: 0 12px;}
div.si2{ border-left:1px dashed silver;} /* 真ん中に縦線 */
div.si3{ clear:both;}

-----------------
注意 ※ 投稿画面が自動改行設定の場合は、タグ間で改行せずに1行にする。

箇条書きは、リストだし、テーブルは、表なので、
詩や文章などをそれらでマークアップするのはおかしいですよ・・・

別に難しくはないですよ。 ただ、
>記事カラムの幅は550px
これが怪しいので、崩れる可能性はありますよ。
その場合は、width:250px;などを小さくする。
元々のCSSが効いていれば、margin:0;border:0;を入れる。

その他、工夫次第で細かいデザインは好きに出来ます。

枠組みだけで、単純なのが、以下。
----------------------

<div style="float:left; width:250px; padding: 0 12px;">
<p>詩1</p>
</div>
<div style="float:left; width:250px; padding: 0 12px;">
<p>詩2</p>
</div>
<div style=" clear:...続きを読む

Qスペースを使わず文字位置を揃える方法

素人な者で大変申し訳ありません
以下のように、複数行の文字位置を揃えるタグはどうなるのでしょうか?
(下の例は揃っていませんが・・・)

1.あ        :ABC
2.abc       :ABC
3.あいう      :ABC
4、えお       :ABC

のように、空白部にスペースを使わずに文字位置を揃える方法です
ワードなどの「tabキー」の役割をするタグなんてありますか?

ご教示の程、宜しくお願い致します

以上

Aベストアンサー

 これは、No.がある序列リストですか?あるいは、用語とその説明のようなものでしょうか?
 HTMLは、その文書構造を記述するだけですので、それにしたがってマークアップすれば良いです。
[例][用語とその説明のようなもの]のようですから定義リストでマークアップしてみましょう。
<h3>元素</h3>
<dl class="periodic table">
<dt>水素</dt>
<dd>元素記号(H)、原子量1.008、酸素と共に水をくつる。</dd>
<dt>ヘリウム</dt>
<dd>元素記号(He)、原子量4.003、不活性ガス</dd>
<dt>リチウム</dt>
<dd>元素記号(Li)、原子量6.941、リチウムイオン電池</dd>
</dl>

<h3>元素</h3>
<ol class="periodic table">
<li><span class="element">水素</span>元素記号(H)、原子量1.008、酸素と共に水をくつる。</li>
<li><span class="element">ヘリウム</span>元素記号(He)、原子量4.003、不活性ガス</li>
<li><span class="element">リチウム</span>元素記号(Li)、原子量6.941、リチウムイオン電池</li>
</ol>

これに対して、スタイルシートを次のように書いたりします。
dl.periodic.table{counter-reset: atomicNum 0;padding-left:2em;}
dl.periodic.table dt{float:left;font-weight:bold;}
dl.periodic.table dt:before{
content: counter(atomicNum) ". ";
counter-increment: atomicNum;
}
dl.periodic.table dd{margin-left:7em;}
dl.periodic.table dd:before{content:": ";}

ol.periodic.table span.element{float:left;width:7em;position:relative;font-weight:bold;}
ol.periodic.table span.element:before{content:": ";position:absolute;right:0.5em;}

★他にどのようにマークアップされていても、用語とその説明がが区別できるようにマークアップされていれば、デザインはできます。
★デザインのためにDIVやSAPNを追加しているわけではありません。
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』ものです。デザインのために書いてしまうと、デザインのためにtableを使ったのと大差ありません。
 HTML5では、
※DIVやSPANは他に適した要素がないときのための最後の手段
※文書構造を示すため
 となります。

 これは、No.がある序列リストですか?あるいは、用語とその説明のようなものでしょうか?
 HTMLは、その文書構造を記述するだけですので、それにしたがってマークアップすれば良いです。
[例][用語とその説明のようなもの]のようですから定義リストでマークアップしてみましょう。
<h3>元素</h3>
<dl class="periodic table">
<dt>水素</dt>
<dd>元素記号(H)、原子量1.008、酸素と共に水をくつる。</dd>
<dt>ヘリウム</dt>
<dd>元素記号(He)、原子量4.003、不活性ガス</dd>
<dt>リチウム</dt>
<dd>元素記号(L...続きを読む

Qframeset要素を使わずに画面を分割したい

アンテナ(下記サイト)のように左にメニュー画面を、右にコンテンツを表示するホームページを作成したいと考えています。
https://antenna.jp/

ひとつのウインドウで画面を2つにわけるためにはhtmlのframeset要素を使えばできることは把握しているのですが、上記サイトのアンテナではframesetを使わずに画面分割をしています。

見た目やレスポンシブ対応のしやすさも考え、できればframesetを使わずに画面分割を行いたいのですが、どのようにすれば可能でしょうか。
メニュー部分とコンテンツ部分を別々にスクロールできるようにしたいです。

どなたか分かる方教えてください。

Aベストアンサー

長くなるから、参考ページ参照。

参考URL:http://www.geocities.jp/eijispace/2012/0419.html


人気Q&Aランキング