コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTML テキストの書式設定の簡単な例

高洛峰
リリース： 2017-02-11 14:18:42
オリジナル
1472 人が閲覧しました

以下のエディターは、HTML テキストの書式設定の簡単な例 (詳細な説明) を提供します。編集者はこれがとても良いと思ったので、参考として共有します。エディターに従って、見てみましょう

1. テキストの書式設定: この例は、HTML ファイル内のテキストを書式設定する方法を示します。


XML/HTMLコードコンテンツをクリップボードにコピー

  1. <html>

  3. <ボディ> ;

  5. <br />

  6. <

    強い
  7. >

    このテキストは強いです >

  9. <br/>ビッグ> ;

  11. <br />

  13. <em >このテキストは強調されています >

  15. <br/><

    16. i

  16. >

    このテキストは斜体です

    17. i> <

    br

  17. />

  18. <小さい>このテキストは小さいです

  19. 小さい

    >

  20. このテキストには <

    21. sub

  21. >

    subscript

    22. sub>

    23. <

  23. br / > このテキストには

    25. sup

  25. >

    ボディ
  26. >

  27. < /
  28. html

    > 効果は次のとおりです:

    2. フォーマット済みテキスト: この例では、pre タグを使用して空の行とスペースを制御する方法を示します。


    XML/HTMLコードコンテンツをクリップボードにコピー

    1. <html>

    3. <ボディ>

    5. <pre> これは書式設定されたテキストです。

    6. スペース

    7. と改行を保持します。 タグ コンピューター コードの表示に最適:

      8. p

    8. >

    10. <pre>

      11. から10

      12. 私を印刷します

    12. 次はpre>

    14. body>

    15. html

      > ;

    17. 効果は次のとおりです:

    18. 3 つの「コンピューター出力」ラベル: この例は、さまざまな「コンピューター出力」ラベルの表示効果を示します。

    19. XML/HTMLコード

      コンテンツをクリップボードにコピー

    20. <

      html
    21. >

      22. <

    ボディ

    >

    HTML 文本格式化的简单实例


    <

    コード>

    <
    1. br

      />

    2. kbd

      >
      3. キーボード入力
    3. kbd>

    4. <

      br
    5. />

      <tt>テレタイプテキストtt

      >

    6. <br

      />

    7. <サンプル>サンプルテキスト< /サンプル

      >

    8. <br

      />

    9. <var> コンピュータ変数var >

    10. <br/>

    12. <p>

    13. <b>コメント:b>これらのタグは、コンピューター/プログラミング コードを表示するためによく使用されます。

    14. p>

    16. body>

    17. html> ;

    効果は次のとおりです:

    HTML 文本格式化的简单实例

    4. アドレス: この例は、HTML ファイルにアドレスを記述する方法を示します。


    XML/HTML コードコンテンツをクリップボードにコピー

    1. >

    2. < ; html>

    3. <body>

      5. 作成者:
    5. <

      a href= "mailto:webmaster@example.com"

      >
      6. ドナルドダック
    6. a>.<br> こちらにアクセスしてください: <br>
      7. Example.com
    7. <

      br>

      8. ボックス564、ディズニーランド
    8. <

      br>

      9. アメリカ

    9. アドレス

      > ;

    12. html
      13. >

    13. 効果は次のとおりです:

    14. 5. 略語と頭字語: この例は、略語または頭字語を実装する方法を示します。

      15. XML/HTMLコード

    コンテンツをクリップボードにコピー

    HTML 文本格式化的简单实例

    <

    html


    >

    <
    1. ボディ

      >

    2. < /
    3. abbr

      >

      <
    4. br

      />

    6. <頭字語 title=「World Wide Web」>WWW頭字語>

    8. < p>一部のブラウザでは、省略された単語の上にマウスを移動すると、タイトルを使用して表現の完全なバージョンを表示できます。 p>

    10. <p> は、IE 5 の頭字語要素に対してのみ有効です。 p>

    12. <p> Netscape 6.2要素の略語と頭字語は有効です。 p>

    14. body>

    15. html>

    効果は次のとおりです:

    HTML 文本格式化的简单实例

    6. テキストの方向: この例は、テキストの方向を変更する方法を示します。


    XML/HTMLコードコンテンツをクリップボードにコピー

    1. <html>

    3. <

      ボディ>

    5. <

      p>

      6. ブラウザが双方向オーバーライド (bdo) をサポートしている場合、次の行は右から出力されます左へ(rtl);

    7. p>
      8. これはヘブライ語のテキストです

    9. bdo > body

      10. >

    11. html>

    12. 効果は次のとおりです:

    13. 7. ブロック引用符: この例は、さまざまな長さの引用符を実装する方法を示しています。

    14. XML/HTMLコードコンテンツをクリップボードにコピー

    <

    html

    >HTML 文本格式化的简单实例


    <

    ボディ>

  29. これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。

  30. blockquote>

  32. これは短い引用です:

  33. < >

    34. これ短い引用です。

  35. q>

  37. <

    p>

    38. blockquote要素を使用すると、ブラウザは改行とマージンが含まれており、q 要素には特別なレンダリングはありません。

  39. p>

  41. body>

  42. html> ;

エフェクトは次のとおりです:

HTML 文本格式化的简单实例

8、サブエフェクトを削除し、サブエフェクトを挿入します。


XML/HTMLコード

コンテンツをクリップボードにコピー

  1. <

    html>

    3. <

  3. ボディ>

    5. <

  5. p>1ダース<デル>20 デル> ; <イン>12イン>個。 p>

    7. <

  7. p>ほとんどのブラウザは、テキストを削除し、テキストに下線を引くように書き換えます。 p>

    • <

  • p>一部の古いブラウザでは、削除されたテキストや下線付きのテキストが通常のテキストとして表示されます。 p>

    • body>html

    >

  • 効果は次のとおりです:

    • 上記の HTML テキストの書式設定の簡単な例 (詳細な説明) は、編集者が共有したすべての内容です。参考にしていただければ幸いです。また、皆様のご支援をお待ちしております。 PHP中国語ネット。

    HTML テキストの書式設定の簡単な例に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。

    関連ラベル：
    html 文章 フォーマット
    ソース：php.cn
    前の記事：HTML の順序付きリスト、順序なしリスト、定義リストについての簡単な説明 次の記事：メタタグの詳しい説明
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    著者別の最新記事
    最新の問題
    PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
    から 2024-04-16 09:34:16
    0
    0
    4687
    ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
    から 2024-04-06 21:58:04
    0
    1
    800
    CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...
    から 2024-04-06 20:22:15
    0
    1
    454
    livewire遅延プレースホルダーでlaravelコンポーネントを使用する方法 laravel コンポーネントのスケルトンを livewire3 プレースホルダー内に追加したい これまでに試したこと: Laravel コンポーネントを含めることによる Live...
    から 2024-04-06 20:02:10
    0
    2
    543
    文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド 次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...
    から 2024-04-06 17:40:41
    0
    2
    410
    関連トピック
    詳細>
    人気のおすすめ
    人気のチュートリアル
    詳細>
    関連するチュートリアル
    人気のおすすめ
    最新のコース
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート