- 締切済み
文章を書いているのですが…。ＨＴＭＬタグについてです。
こんにちは。 私は、自分のＨＰで文章を書いています。 <pre>タグを使って書いていると、横にスクロールしないと読めないくらい長くなってしまって、自分で見てて見づらいな～と思っています。 色々、文章の書いてあるＨＰを回ってみると、ある一定の文字数で改行され、真ん中に文字のある文章を見つけて、自分もこんな風に読みやすくしたい、と思いました。ですが、タグのについて書いてあるＨＰを見てもどのタグがそれに該当しているのかがイマイチ理解できませんでした。（恐らくdivタグではないかと思っているのですが…） どのタグを使ってどのように指定したらよいのでしょうか？ タグについて分かる方、どうか回答をお願いします。
- asdfghjkl123
- お礼率33% (2/6)
- その他（インターネット・Webサービス）
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- SAYKA
- ベストアンサー率34% (944/2776)
それ以前に なんでpreタグを使ってるの？ まずそこが疑問なんだけど・・・どうなの？ http://www.tohoho-web.com/html/tt.htm http://www.tohoho-web.com/css/reference.htm#white-space
tableタグを使わない場合ですとCSSと組み合わせる方法もあります。 （例） <html> <head> <title></title> <style type="text/css"> <!-- .box{ width: 700px;/*全体の幅（任意で変更してください）*/ font-size: 13px;/*文字サイズ（任意で変更してください）*/ text-align: left;/*テキストの左寄せ*/ padding: 0.2em;/*テキスト周りの余白（任意で変更してください）*/ } --> </style> </head> <body> <div align="center"> <div class="box"> 長い文章など </div> </div> </body> </html>
簡単なのはtableタグですけどね。 要するに、真ん中に見えない枠を作ってしまうんです。 <div align=center> <table width=60% border=0> <td> ※ここに文面をズラズラと。 </td> </table> </div>
関連するQ&A
- HTMLのタグにつきて
今HPを作っていて、どうしても分からないのがあり、質問させて頂きました。 文章をうち、長文をうつと表示したさいにページの右側まで行き、文章がみえなくなってしまいます。 BRのように改行するのではなく、ワードのように、ある一定の位置までいったら改行するようにしたいのですが、どのようにすればよいのでしょうか。 初心者でもうしわけございません。どなたかご教授ください
- ベストアンサー
- HTML
- これはＨＴＭＬのどう言うタグですか？
小さい範囲を指定して、たくさんの文字を表示する場合に、表示しきれない時はスクロールが出てくるページを見た事が有ります。 この様にする場合、どう言うタグを記述すれば良いですか？
- ベストアンサー
- HTML
- C# htmlファイルを、preタグを残して加工
お世話になります。 C#で、htmlファイルのタグを解析するプログラムを 組んでいるのですが、preタグがあった場合のに、その場所を 回避して、解析やら置換やらをしたいと思っています。 例でいうと －－－－－－－－－－－－－－－－ <div> <h1>こんにちは。</h1> <p> 今日も暑いですね。 </p> <p>本日のサンプルプログラムです。</p> <code> <pre> public void aaa() { // 文字列を表示する Console.Writeline("Hello World!"); } </pre> </code> </div> －－－－－－－－－－－－－－－－ 上記のようなファイルがあった場合、普通に 改行を取り除くと、preの中も一列に繋がってしまいますが、 これをpreタグの中以外のみ改行を取り除きたい。 －－－－－－－－－－－－－－－－ <div><h1>こんにちは。</h1><p>今日も暑いですね。</p><p>本日のサンプルプログラムです。</p><code> <pre> public void aaa() { // 文字列を表示する Console.Writeline("Hello World!"); } </pre> </code></div> －－－－－－－－－－－－－－－－ こうなってもらいたいのです。 正規表現などを使用するのだと思いますが、よくわかりませんでした。 この部分のサンプルなどをお教えいただけないでしょうか。 よろしくお願いいたします。
- ベストアンサー
- C・C++・C#
- HPに小説を載せるときの改行方法について
こんにちは。 ＨＰに小説を載せたいと思っているのですが、もう書いてしまった文章の改行ごとに<br>を入れていくのがとても面倒です。 <pre></pre>を使えば、エンターでの改行がそのまま有効だと聞いてやってみたら、長い文だと、ページの端へ行っても折り返してくれず、横スクロールがでてしまいました。 <pre></pre>を使いながら、ページ端で折り返すようにするにはどうしたらいいでしょうか。 また、テキストエディタで改行を<br>に変換する方法以外で、エンターキーでの改行がそのまま有効になるような方法はありませんか？ これって、非常識なんでしょうか。
- ベストアンサー
- その他（インターネット・Webサービス）
- HTML－スクロールバー非表示タグは？
HPを作っているのですが スクロールバーを片方だけ非表示するには どんなタグがありますか？ 片方だけ非表示は可能でしょうか・・・ 縦のスクロールバーは表示させて、横は非表示にしたいのですが。 いろいろ調べてみたのですが見つからないので質問させていただきました。
- ベストアンサー
- レンタルサーバ・ASP
- 横長のコンテンツを含む場合のdivタグの指定方法
教えてください。横スクロールが発生するぐらい横に長い表組みを含むページがあるのですが、 そのテーブルを包むタグがdivの場合とtableの場合で、 見え方が異なるため困っています。 サンプル01（divタグで囲むと、横スクロール時に背景色が表示されない） http://www.oreryu.sakura.ne.jp/test/test01.html サンプル02（tableタグで囲むと、横スクロール時も背景が表示される） http://www.oreryu.sakura.ne.jp/test/test02.html やりたいことは ・divタグで囲んだ場合でも、tableタグ（サンプル02)のように、 横スクロール時に背景が見えるように設定できないか。 ということです。 divのwidth 100%はウィンドウサイズに合わせるため、挙動として正しいのは理解していますが、 このような場合はtableタグを使うしか方法はないのでしょうか。 現在作成中のページで、ヘッダーとフッターが消えてしまうため、 修正を求められており困っています。 そもそも横スクロールが発生しないようにすべきという回答は不要です。 ご存知の方がいましたら教えていただけますか。よろしくお願いいたします。
- ベストアンサー
- HTML
- テキストを極力そのまま表示し、かつ画面端で折り返したい
テキストファイルの内容をページ上の一画に表示したいのですが、次のようなことはできないものでしょうか？ １．タブやスペースは詰めずに表示したい。 ２．行が長すぎると読みにくいので、画面端で折り返して欲しい。 条件１から、真っ先にpreタグの使用を思いついたのですが、preタグでは画面端で自動改行されません。 それではと、divタグにfont-family:monospaceを指定したのですが、自動改行はされるものの、今度はタブやスペースが詰められてしまうようです。 スタイルシートを使えばどうにかならないものかと調べてみたのですが、preタグを自動改行させたり、divタグなどでタブやスペースを詰めずに表示するためのものは見つけられませんでした。 そのようなスタイルシート、またはこれらに変わる方法をご存知でしたら、ぜひご教授ください。 よろしくお願いいたします。
- ベストアンサー
- CSS
- Mac(Safari)で無効なHTMLタグ？？
http://copicopi.com/onmousefont.html ↑こちらで紹介されていたHTMLタグの「オンマウス文字」を 会社のHPに使用したのですが、 ウインドウズ(Internet Explorer)では、 正しくマウスオンすると作動しましたが 社内のマックで同様の画面を確認したところ、 マウスオンしても作動しません。 上記のタグ説明されているHPもマック(Safari)でみると、 オンマウス文字は正しく作動しないので、 マックではこのタグ使えないのでしょうか？ マックにもウインドウズでも作動する、 オンマウス文字やオンクリック文字などの タグがあれば紹介してください。お願いいたします。 《今回使用したオンマウス文字のタグです↓》 <span onmouseover="document.all.item('moji1').style.visibility='visible'"> この文字にマウスをのせて下さい♪ </span> <div ID="moji1" style="visibility:hidden;"> 表示される文字 </div>
- 締切済み
- HTML
