締切済み

HTMLタグについて

2009/04/25 21:18

Ｗｅｂサイト作成で困っています。タイプライター風に文字を出したいのですが、いろいろなサイトで調べても、文字の背景が白で文字が白以外のものしかありません。しかし、自分は、文字背景を黒で、文字を白でタイプライター風にしたいと思っています。このような場合、どのようなＨＴＭＬタグを打ち込めば良いのでしょうか？？また、文字をタイプライター風にしたとき、フォントを変えることはできないのでしょうか？？誰か詳しく教えてください、よろしくお願いします。ちなみに、ここで言うタイプライター風文字とは、フォームに表示するものではなくて、画面上に表示するもの、という意味です。 http://www15.plala.or.jp/hp-kowaza/text/taipu-2.html ↑このサイトに紹介されているものの、背景が黒で文字が白バージョン、みたいな感じ。 color: #3300cc; → color: #ffffff; に変更して、 background-color:#000000; を追加してみても画面は黒いままで、何もうつりませんでした。ちなみに、メモ帳で作っています。

yoalan
お礼率28% (2/7)

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

みんなの回答

hukazuo
ベストアンサー率32% (36/111)

2009/04/25 22:04 回答No.1

<style type="text/css" media="screen"></style> はじめの部分を上記のように書き換えたらできましたが、、、、。

質問者

お礼 2009/04/26 11:30

回答ありがとうございます。そのように書き換えたのですが、背景が黒いまんまで、何も出てきませんでした。

関連するQ&A

メモ帳でホームページ作成・・・HTMLタグが謎
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Rosery de la mort PC main</title> <style type="text/css">  </style>  <style type="text/css" media="screen"></style> <SCRIPT language="JavaScript">  </SCRIPT>  </head> <body bgcolor="#000000" text="#ffffff" link="#000000" alink="#000000" vlink="#00000">  <div id="layer1"> <body onload="(b())"><span id="c"></span> </div> <!--ここまで> </body> </html> このように入力したのですが、背景の黒い画面だけが表示されて、何もでてきません。何か間違っているのでしょうか？？私が参考にしたサイト http://www15.plala.or.jp/hp-kowaza/text/taipu-1.html 前回質問したときわかりやすい回答がありませんでした（それでまだ困っています）どなたか回答よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
背景を透過するタグについて
こんばんわ。タイトル通り【背景を透過するタグについて】質問があります。よろしくお願いいたします。 <style type="text/css"> <!-- .box1{/*テキストスペース*/ … … width : 157px; background-color : #ffffff; filter : chroma(color=#ffffff); } </style> と、スタイルシートで色々と指定しております。このテキストスペースの背後に画像があるので、背景を透かせたく、【chroma】を使って指定した色（白）を透かせましたが、これだとまったく透明になってしまうので…できれば <table style="filter:Alpha(opacity=20)"> のように、透過の度合いを指定できるようになりませんでしょうか？ ↑テーブルでの透過の仕方しか分からず、上のテキストスペースで同じようなことをしたいのですが…。可能でしょうか？お手数ですが、宜しければ教えていただけるととても助かります。お願いいたします。
- ベストアンサー
- HTML
スタイルシートの記述について
例えば、文字を黒く、背景色を白くしたい場合ですが、どちらの記述が正しいですか？ (1)は兄が教えてくれたタグの書き方で、(2)はネットで見かけたタグ（CSSについて説明していたサイト）の書き方です。カッコの違いが気になっています。ネット検索をしたところ、(2)の形で書かれているほうが多かったです。今は『 <!--BODY{background-color:#ffffff;} </style"> (2) <style type="text/css"> p{color: #000000;} body{background-color:#ffffff;} </style">
- ベストアンサー
- その他（インターネット・Webサービス）
サイト内のページに飛ぶときの背景に関する異常
（以下、一部分だけ取り出した記述です。） body{ background-color:#ffffff; background-image:url(bg.jpg); } #page{ width:960px; background-color:#ffffff; } ======================================== 【質問】オフライン上ですが、以下のような症状が出ます。考えられること、原因になりうる要素に思いあたることがあったら何でもいいので教えてください。【状態】サイト内の他のページにリンクで切り替わるとき、あるいはTOPページに戻るとき、ブラウザの更新ボタンを押したとき、正確にはクリックしたマウスのボタンをはなした瞬間）など、ページを読み込むときに一瞬（まばたきのタイミング）ですが背景色の白（#ffffff）がチカッと表示され、その後画像が表示されるという状況です。 background-colorを白ではなく、緑に設定するとマウスを離した瞬間緑色が表示され、すぐに背景画像（ここではbg.jpg）が表示されます。背景画像と同じ系列の色で背景色を指定してもやはり、一度background-colorが実施されたあとに背景画像が表示されている（ような感じ）のが目視できます。【試してみたこと】 ●background-colorとbackground-imageの記述順を変えてみた。 ●background-colorの記述を取り、background-imageだけにしてみた。 ●background-repeatを記述したり、消してみたりした。 ●背景画像をjpgではなくgifのもので試してみた。 ●背景画像のサイズを（たとえば）200X140とか1200×800などと変えてみた。【マシン、作成環境】 Windows7（64ビット）、メモリ8Gのノートマシン。ホームページ作成ソフトはいっさい使用していない（メモ帳のみで手打ち）。
- ベストアンサー
- CSS
ＩＥバーションアップによる反映について～有効なタグ
ＨＰを手打ちで作っています。自分は、プラウザＩE８の前のバージョンのままで、アップするかずっと迷っています。理由は、・レイアウトが崩れる可能性がある・しかも、ほかのプラウザでは、同じように反映されない（例：ファイヤーフォックス）主に、画像を一枚背景にして定置し、その上にスタイルシートで文字列を上書きし、画像の配置と文字列の配置を、自由に（左上２０％の位置・右寄せ・中央寄せなど）決めたいのです。自分のプラウザでは、一枚の画像で反映されているのですが、ＦＦでは、画像が繰り返しされ、全面に反映されてしまったり、画像一枚さえ反映されなかったりしています。以下のようなタグは、古いのでしょうか。 <Style Type="text/css">  </Style> ・・・・・・・・・・回答していただきたい点は、・バージョンアップしても、対応でき有効なタグ選びにはどんな点に留意すべきか・なおかつ、ＩＥ以外のプラウザでも、同じように反映して見てもらえるのかどうか・一枚の画像配置の自由化、その上のテキスト列の配置の自由化これが、簡易に指定できる、互換性ある有効なタグは、どういったものなのか勉強不足なのは承知しております。文字列ですが、主に、 div table で指定しています。一面の例は以下です。（こちらは、希望通り反映されています）・・・・・・・・・・・・・・・・・・・・・・・ <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML4.01//EN"> <html> <head> <title>yyyyyyyy</title> <STYLE TYPE="text/css">  </STYLE> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <META http-equiv="Content-style-Type"content="text/css"> <META HTTP-EQUIV="Content-Type"CONTENT="text/html;charset=euc-jp"> </head> <body> <body text="#BC8F8F"> <table width="60%"align="right"bgcolor="#BC8F8F"> <div align="right"bgcolor="#BC8F8F"> <br><br><br><br><br><br><br> テキスト部分 <br><br><br><br><br><br> </div> </table> </body> </html> ・・・・・・・・・・・・・・・・・・・・・・・また、こちらは画像が繰り返されてしまっています。・・・・・・・・・ <Style Type="text/css">  </Style> </HEAD> <BODY onContextmenu="return false"> <body bgcolor="#000022" text="#6495ed"Link="#6495ed"ALink="#4169e1"VLink="#1e90ff"basefontsize="4"style="scrollbar-3d-light-color:silver; scrollbar-arrow-color:#c2f500; scrollbar-base-color:#c2f500; scrollbar-dark-shadow-color:#c2f500; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#c2f500"> <table width="900"height="700"border="0"cellpadding="0"cellspacing="0"> <tr align="center" valign="top"> <td align="left" valign=middle"> <div align="left"valign="top"> <br><br><br><br> ～文字テキスト部分～ <br> </td></tr> </table> </body> </html> ・・・・・・・・・・・・・不備・間違い・改良点など、ご指摘していただければ幸いです。これから参考に読む予定のサイト http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html#minitoc よろしくお願いいたします。
- 締切済み
- CSS
背景の2重指定　タグ
はじめまして。背景のタグについて悩んでいまして、一つは左上に、右下が隙間があるので、もう一つは右下に固定したいのですが、そのような事はできるでしょうか？今は左上だけできるのですが、右下に固定のやり方がどうしてもわかりません；；このような感じです↓ <style type="text/css">  </style> <STYLE type="text/css"> ここからできるでしょうか？わかりにくい質問で申し訳ないのですが、教えてくださったら嬉しいです。
- 締切済み
- HTML
携帯サイトの壁紙設定タグ
携帯用ホームページで壁紙設定するタグは、PCと同じ<body background="">で良いのでしょうか？どうしても表示されません。また、bg colorやtext、linkを設定しても背景や文字は白・黒いままです。。。何が足りないのでしょうか？
- 締切済み
- その他（スマートフォン・携帯・タブレット）
プルダウンメニューの背景色を１行ごとに変えたいです
CSSで option.bk_y {background-color:#000000; color: #FFFF00;} option.bu_r {background-color:#0000FF; color: #FF0000;} などとして classで指定するとPCでは実現しますが携帯では反応せず <option value="黒／白" STYLE="background-color:#000000;color:FFFFFF;">黒／白と記述しても携帯では反応しません。携帯ではプルダウンメニューの背景色を１行ごとに変える事は無理ですか？代わりの方法としてプルダウンメニューに画像をはめ込むとか…あればご教示お願い致します。
- ベストアンサー
- HTML
ｃｓｓ　
HPビルダーでhtmlを作成していますが、下記のようなcssを設定しました。ページ編集では設定されているのですが、しかし、プレビューやブラウザでは反映されていません。どのようにすればよろしいでしょうか？ h2{ 　 background-color:#ccccff;/*背景色：薄紫*/ color:#FFFFFF;/*文字色：白*/ }
- ベストアンサー
- HTML
文字の背景を・・・パート２
<span style="background-color:#FFFFFF;">文字</span> で文字の背景だけに色を付けれる方法は分かったんですけど、この背景を半透明にすることって可能ですか？
- 締切済み
- HTML

HTMLタグについて

みんなの回答

お礼 2009/04/26 11:30

関連するQ&A

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

HTMLタグについて

みんなの回答

お礼 2009/04/26 11:30

関連するQ&A

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録