- ベストアンサー
スタイルシートをHTMLタグの中に書きたい。
初めまして、こんにちは。 Jugemにて、ブログをやっています。 ブログのテンプーレトには、CSSファイルとHTMLファイルがあり、 ページの全体的なCSS/HTMLは変更することが出来るのですが、 1つ1つの記事に対して、HTMLタグの中にスタイルシートを 組み込んでいるタイプのタグを使用したいと思って、 HTML/CSSのサイトを見て、試行錯誤やってはみたのですが、 HTMLタグに組み込むソースの書き方や詳細な情報が見つけられずに 困っています。 どなたか、このHTMLタグにCSSを組み込むタグ一覧と詳細な書き方が 記載されているweb siteをご存知ありませんでしょうか? どうぞ、ご回答のほうよろしくお願いいたしますm(_ _)m
- afire777
- お礼率25% (1/4)
- その他(プログラミング・開発)
- 回答数3
- ありがとう数2
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
HTML系では「とほほのWWW入門」が、よいのではないでしょうか。 ブラウザ対応状況などは少々古いですが、詳しくまとめられています。 スタイルシート→基礎知識 を読みましょう HTMLヘッダに埋め込むのではなくて、タグの中に埋め込む時には <div style="color:red;">あいうえお</div> とします 複数のstyleを指定するときは <div style="color: red;font-size: 50px;">あいうえお</div> です がんばってください
その他の回答 (2)
- kouji_124
- ベストアンサー率46% (283/605)
そんなに難しい事では無いと思いますが。 タグ内にスタイルシートを記述する場合は下記の様にします。 <タグ名 style="スタイルシート">~~</タグ名> HTMLやスタイルシート(CSS)についてはこちらが参考になると思います。 http://www.tohoho-web.com/www.htm スタイル属性 http://www.tohoho-web.com/html/attr/style.htm
- kyo999
- ベストアンサー率64% (34/53)
個々のHTMLタグにCSSをつけるのでしたら↓のように <h2 style="coler:red; font-size:20px;">テキスト</h2> HTMLの文中に書き込むなら↓のように<style>タグで囲みます。 <h1>テスト</h1> <style type="text/css"><!-- h2 { coler:red; font-size:20px } --></style> <h2>テキスト</h2> <img src="xxxxx">
関連するQ&A
- HTMLとスタイルシートのタグの違い
Webサイトを作りを始めたばかりの初心者です。 私は、スタイルシートを使うにはheadの部分に次のタグを埋め込むことを知りました。 <link rel="stylesheet" href="style.css" type="text/css"> また、「style.css」というファイルを「index.html」とは別に用意することも知りました。 そして私はWebサイト作りのために、まずはhtmlだけを記述し、その後にスタイルシートを使ってデザインをしようと思うようになりました。 そこで、htmlとスタイルシートのタグの違いを把握するために、次のスタイルシートの一覧表を確認しました。 http://www5.airnet.ne.jp/tomy/knowhow/stylepty.htm この一覧表では、COLORやFONTなども含まれておりますが、このタグは「style.css」のファイルを用いなくても「index.html」のファイル内だけで使用することでWebサイト内にある文章などの色やサイズを変えられるはずです。 そのため、HTMLとスタイルシートのタグの違いがわからなくなり、htmlだけを記述するということが難しくなってしまいました。 デザインを考えずに、まずはhtmlだけで全体を記述する場合、デザインの境界線は何なのでしょうか? 改行を指定する<br>もデザインに含まれるのでしょうか? 質問が漠然としているかもしれませんが、何でも良いのでいろんな人からのアドバイスを頂きたいです。
- ベストアンサー
- CSS
- スタイルシートのタグの入る部分
タグの本を読んでいたのですが、スタイルシートが推奨されるそうです。 私も使いたいんですが質問があります。 (背景) <STYLE type="text/css"> <!-- BODY { background-image : url(""); background-attachment: fixed; background-position: 100% 100%; } --> </STYLE> 一応HTMLの<body>タグの中に書いているのですが TEXTの場合 <STYLE TYPE="text/css"> #left {text-align:left;} </style> <body> <p ID="left">字</P> </BODY> スタイルシートの<STYLE TYPE~>から</BODY> をそのままHTMLの<BODY>タグの中に貼り付けて良いんでしょうか? 個人的には<body>タグの中にまた<body>タグ!? もしかすると<STYLE>タグは<HEAD>タグの間に ソースの<BODY>タグの中身だけHTMLの<BODY>に貼り付けるのでしょうか? もう一つ、先の背景と文字のスタイルシートを同時に使う場合 <STYLE>の中に背景と文字を一緒に書いていいのでしょうか? 自分としては<STYLE>タグが分かれているとバグらないか不安なんです。 まとめると (1) <HTML> <HEAD></HEAD> <body> <STYLE>ソース(中に<BODY>タグがまだ入っている)</STYLE> </BODY> </html> で良いのか? (2)HTML> <HEAD> <style>~</style>の部分 </HEAD> <body> <STYLE>ソース<BODY>タグで囲まれた部分 </BODY> </html> (3)二つのソースがあった場合 <style> ソースA と ソースB </STYLE> <BODY> ソースA ソースBのbody部分 </body> まとめて良いのでしょうか? ps まとめても、分けても WEB上にアップして見ても 普通に表示できました、でもどれかが無茶な(無理の、無駄のある) 文法だと思うんです。 解りづらい説明かと思いますが、アドバイス頂けませんか?
- ベストアンサー
- CSS
- スタイル用のHTMLタグが使えます。
スタイル用のHTMLタグが使えます。 ブログのコメント欄に「スタイル用のHTMLタグが使えます。」と あるのですが検索しても「HTML タグ」なら引っかかるのですが スタイル用とすると見当たりません。 詳しく解説しているHPなどがありましたら教えてください。
- ベストアンサー
- HTML
- HTMLタグ
5日ほど前からブログ記事を見ようとすると、広告表示が長く伸びてかぶってしまい、全く記事が見えなくなってしまいました。ブログ編集の記事を確認する際にも、その状態ですので不便を感じております。そこでブログの会社に問い合わせをしたところ、以下の回答が届きました。 該当の現象は、メッセージボードや記事内、フリースペースなどでご利用されているHTMLタグの閉じ忘れや、タグの記述に誤りがある場合に発生します。 HTMLタグの形式に問題がないか、ご確認ください。 ※記事投稿後に表示崩れが発生している場合は、記事内にてご利用している、HTMLタグが起因している可能性がございます。 なお、CSS編集をご利用されている場合、CSSの具体的編集方法や、編集による表示崩れ等に関しましてはサポート対象外とさせていただいております。 HTMLタグってどうやって閉じるんですか? 上記の内容が全く理解できず…ブログのタグやHTML。CSSとか言われてもさっぱりわかりません。会社のブログでやめるわけにもいかないので、初心者でもわかるように教えて頂けると助かります。
- ベストアンサー
- ブログ
- スタイルシートの設定について
現在スタイルシート勉強中です。 最近とある解説書を購入、さわりだけ読んでみたのですが 「中途半端にCSSを覚えた場合、divタグやclassタグを濫用したHTMLになってしまう。 しっかり覚えればdivタグはほとんど使用しなくても済むようになるだろう」 といった事が書かれていました。 私の場合、まさにHTML内はdivタグとclassタグでいっぱいです。 でも1サイトにCSSの外部ファイル1枚を使用(全てのHTMLに1つのCSSファイルを使用)した場合、 pタグやhタグ自体にスタイルを設定するとサイト内のタグ全てにその設定が反映されますよね? となるとやっぱりclass分けするしか方法がないんじゃないかと思ったりしています。 皆さんは基本的CSSの設定方法はどのような感じですか? classでいっぱい設定、または1サイトに何枚もCSSファイルを用意し、ページによってCSSファイルを 使い分けているとか、HTML内に直接CSSを書いてしまうとか(これは修正が大変だと思いますが・・・)。 沢山ご意見が聞けるとうれしいです。どうぞ宜しくお願い致します。
- 締切済み
- HTML
- スタイルシートへのタグの入れ方
ブログを運営しているのですが、どのモニターから見ても同じフォントサイズに見えるように、スタイルシート内でそれに該当するタグを挿入したいと思っています。 普通に記事を書いただけの場合はどのモニターから見ても同じ大きさで表示されるのですが、記事内にテーブルタグを挿入した場合にのみ問題が発生します。 たとえば、自宅のパソコンは1280×1024サイズなのですが、一回り小さいサイズのモニター(1024×768)から見ると、テーブル内の文字だけが大きく表示されてしまいます。 テーブルタグを打ち込む時にフォントサイズのタグをいちいち打ち込むよりもスタイルシートで設定してしまった方がいいのではと思ったのです。 教えてgoo!で同じような質問を発見し、解決方法は見つけたのですが(http://oshiete1.goo.ne.jp/qa289598.html) 自分が利用しているスタイルシートの場合はどの位置でどのようにフォントサイズのタグを挿入すればいいのか分かりません。 以下、現在のスタイルシートです(一部抜粋)。 <title><% blog.title %><% if:extra_title %>: <% extra_title %><% /if %></title> <style type="text/css"> <!-- html,body { scrollbar-arrow-color:#000; scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#000; scrollbar-track-color:#fff; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#000; } --> </style> また、スタイルシートの方でフォントの設定をした場合、 たとえばテーブル内の一か所だけ文字の大きさを変えたい場合は従来通り、テーブルタグを打ち込む時にそのようなタグを入れればきちんと反映されるのでしょうか。 以上、よろしくお願いいたします。
- ベストアンサー
- HTML
- XMLのスタイルシートで単独タグを発見したい
こんにちは XMLファイルをブラウザで見やすく表示するためにスタイルシートを使っているのですが、XMLファイル中に登場する単独タグを見つけて、その部分で改行するスタイルシートの書き方がわかりません。 XML中に <LineBreak />という単独タグが登場した場合に HTML出力として <br />を入れたいのです。 スタイルシートはどのようにしたらよいでしょうか?
- ベストアンサー
- XML
- タグ単位でのスタイルシート適用
タグ<INPUT TYPE="TEXT">のみスタイルシート適用は可能でしょうか? 画面自体は作り込んでしまっているので できればcss外部ファイルの読み込みのみで 対応したいです。 classを使うという手もありますが、 画面数が多すぎる為に現行のソースには手をつけたくないです。 よろしくお願いします。
- ベストアンサー
- HTML
- スタイルシート(CSS)の中にテーブルのようなスタイルシートをつくりたいです。
Dreamweaver8にてHPを作成しております。 今回CSSをやってみようと思い試行錯誤しながらがんばっているのですが、 現在スタイルシートのfloatタグなどを使って、 ヘッダー、メニュー、コンテンツ、フッターというよくある構成で作っております。 そしてコンテンツ部分以外はテンプレート機能を使い共有できるようにしています。 そして新しいページを作る際、コンテンツ部分だけを編集していくのですが、真ん中で2つにわかれた2段組の文章をつくりたくて、テーブルを使用したところ、テーブルが縦に長くなるとCSSで指定した範囲を超えてしまいレイアウトが崩れてしまいます。 これがテーブルでなく文章でなら縦に長くなっても自動的にCSSの高さが長くなってくれます。 ですので、題名のようにCSSでテーブルのような機能のあるものを教えていただきたいのですが、素人でなにぶん申し訳ないですがよろしくお願い致しますm(_ _)m
- ベストアンサー
- HTML
- Fontタグとスタイルシートについて。
Fontタグとスタイルシートについて。 「Fontタグは非推奨である」と最近はじめて聞きました。 そして、「その代わりにスタイルシートで色とか大きさとかを指定しろ」ということも。 なぜですか? 独学でウェブサイト作成を学んでいたため、まるで村八分されたような気分です。 また、いちいちスタイルシートに書いておくのって面倒じゃありません? たとえば「ここの文字色は赤にしたいけど、ここ以外で文字色を赤にすることは二度とない」のようなときでも、スタイルシートに記述しなければならないのでしょうか。 誰かこのもやもやを解決してください。 お願いします。
- ベストアンサー
- その他(インターネット・Webサービス)