JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

HTMLで大きなテキストを表示する方法

通常のテキストよりも大きなサイズで文字を表示したい場合は、<big>タグを使用します。このタグで囲まれたテキストは、周囲の標準的な文字サイズより一段階大きく表示されます。

注意：このタグはHTML5ではサポートされていません。HTML5以降の環境では、CSSのfont-sizeプロパティを使って文字サイズを指定する方法が推奨されています。

使用例

HTMLで大きなテキストを表示するには、以下のコードを実行してみてください。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML bigタグ</title>
   </head>
   <body>
      <p>Questions and Answers: <big>Qries.com</big></p>
   </body>
</html>

CSSを使った代替方法

<big>タグは廃止された要素のため、現在のWeb制作ではCSSで文字サイズを調整するのが一般的です。例えば、次のように<span>要素にスタイルを適用します。

<p>Questions and Answers: <span style="font-size: larger;">Qries.com</span></p>

font-sizeプロパティには「larger」のようなキーワードのほか、「1.2em」や「120%」などの相対指定も使えるため、柔軟にデザインを調整できます。

  1. HTMLで取り消し線（打ち消し線）テキストを表示する方法【CSSでの実装手順を解説】

    HTMLで取り消し線（打ち消し線）のついたテキストを表示したい場合、かつては<strike>〜</strike>タグが使われていました。このタグは文字通り、テキストに取り消し線を引いて表示します。しかし、<strike>タグはHTML5では廃止（非推奨）されており、現在のWeb制作では使用すべきではありません。代わりに、CSSのtext-decorationプロパティを使うのが標準的な方法です。CSSのtext-decorationプロパティを使う方法CSSで取り消し線を実現するには、text-decoration: line-through;というスタイル

  2. HTMLのbigタグとは？使い方とサンプルコードを解説

    HTMLの<big>要素は、デフォルトのフォントサイズよりも大きなテキストを表示するために使用される要素です。 注意：<big>要素はHTML5ではサポートされていません。現在は非推奨となっており、同様の表示を実現したい場合は、CSSのfont-sizeプロパティを使用することが推奨されています。 使用例 それでは、実際に<big>要素をHTMLで実装した例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> &l