• ベストアンサー

ホームページビルダーで選択した部分だけにスタイルを適用したい

ホームページビルダーで選択した部分だけにスタイルを 適用したいのですが、その方法を教えてください。 テーブルセル内の文字にH1タグを使用した場合、 選択した文字だけでなく他のセル内にある文字すべてに 適用されてしまいます。 どなたか方法を教えてくれませんか?

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

  • ベストアンサー
  • yan2014
  • ベストアンサー率39% (414/1046)
回答No.2

参考URLはHPビルダーでの部分的な行間設定の方法が記されていますが、同様な方法でフォントに適用すれば良いかと思います。

参考URL:
http://hpb.cool.ne.jp/hpbuilder/ss_mojikan.htm

その他の回答 (2)

回答No.3

文字列の一部にH1タグを適用したい場合は,「HTMLソース」タブをクリックし,適用したい文字群の先頭に「<H1>」を,適用したい文字群の最後尾に「</H1>」を直接書き込むしかありません。 でも,実際にやってみればわかりますが,かなり,おかしなレイアウトになりますよ。 もう少し,スマートにその部分だけに適用させたいのであれば,スタイルシートを使用することになります。 1. 適用したい部分を選択状態にします。 2. メニューバーの「挿入」をクリック>「その他」をポイント>「HTMLタグ」をクリックします。 3. 右側の「カテゴリ」欄の「文字属性」にチェックが入っていることを確認し,入っていない場合のみ,クリックしてチェックを入れます。 4. 左側の「タグ」欄から「SPAN」を探し出し,選択しましたら,「挿入」ボタンをクリックします。 5. 「スタイルの編集」ダイアログボックスが開きますので,「クラス」の記入欄に,英数文字で適当な名前を書き込み,「編集2」ボタンをクリックします。 6. 「スタイルの設定」ダイアログボックスが開きますので,「サイズ」や「文字の属性」などを変更してください。 また,「色と背景」タブをクリックしますと,文字の色やその背景の色,もしくは,背景に使う画像などを選択することが出来るようになります。 「文字のレイアウト」タブをクリックしますと,「水平方向の配置」などを編集することが出来るようになりますが,今回の質問では必要がないと思います。 7. 編集が終わりましたら,「スタイルの設定」ダイアログボックスと「スタイルの編集」ダイアログボックスの「OK」ボタンをクリックしてください。 また,必要がなければ,「タグの挿入」ダイアログボックスの「閉じる」ボタンをクリックして,「タグの挿入」ダイアログボックスを閉じてください。 8. 最後に,適当な場所をクリックして,選択状態を解除します。 この方法では,見出し1とまったく同じにするためには,ある程度,試行錯誤が必要になると思います。 しかし,より,自分の思い通りの編集が出来るようになりますので,私はこのスタイルシートによる方法をお薦めします。 また,4で「SPAN」を選択して使用するのは,このような場合,このタグを使用するのが慣例になっているからです。 ですから,もちろん,別のタグを利用しても良いですよ。(例えば,「DIV」タグなど) また,「スタイルの編集」で「クラス」を利用するのは,「SPAN」タグが別の設定で使用することがよくあるということと,もしかしたら,同ページ内で同じ設定を利用する可能性があるためです。 将来も含め,絶対に,その場所だけしか適用しないことがわかっている場合は,5のところで「編集4」をクリックするだけでも良いですよ。(その後の設定方法は同じです)

回答No.1

<head>と</head>の間、または外部スタイルシートに、 h1{ font-size:100%; } と指定した場合、全ての<h1>に、フォントサイズ100%が適用されます。 指定したい<h1>に、<h1 style="font-size:100%">とするとこのh1にだけフォントサイズ100%が適応されます。 他には、 <head>と</head>の間、または外部スタイルシートに、 h1.test{ font-size:100%; } と記述し、 適用したい箇所に<h1 class="test">と記述すると、 class指定でtestとしたh1にのみ適用されます。

関連するQ&A