HTML テキストフォーマットの簡単な例 (詳細な説明)

HTML テキストフォーマットの簡単な例 (詳細な説明)

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

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>​​   
  2.   
  3. <本文>   
  4.   
  5. < b >このテキストは太字です</ b >   
  6.   
  7. < br   />   
  8.   
  9. < strong >このテキストは強いです</ strong >   
  10.   
  11. < br   />   
  12.   
  13. <大きい>このテキストは大きいです</大きい>   
  14.   
  15. < br   />   
  16.   
  17. < em >このテキストは強調されています</ em >   
  18.   
  19. < br   />   
  20.   
  21. < i >このテキストは斜体です</ i >   
  22.   
  23. < br   />   
  24.   
  25. <小>このテキストは小さいです</小>   
  26.   
  27. < br   />   
  28.   
  29. このテキストには
  30. < sub >下付き文字</ sub >   
  31.   
  32. < br   />   
  33.   
  34. このテキストには
  35. < sup >上付き文字</ sup >   
  36.   
  37. </本文>   
  38. </html>​​   

効果は以下のとおりです。

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

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>​​   
  2.   
  3. <本文>   
  4.   
  5. <前>   
  6. これは
  7. フォーマット済みのテキスト。
  8. スペースを節約する
  9. および改行。
  10. </前へ>   
  11.   
  12. < p > pre タグはコンピュータコードを表示するのに最適です: </ p >   
  13.   
  14. <前>   
  15. i = 1から10 まで
  16. 印刷する
  17. 次に私
  18. </前へ>   
  19.   
  20. </本文>   
  21. </html>​​   

効果は以下のとおりです。

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

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>​​   
  2.   
  3. <本文>   
  4.   
  5. < code >コンピュータコード</ code >   
  6. < br   />   
  7. < kbd >キーボード入力</ kbd >   
  8. < br   />   
  9. < tt >テレタイプテキスト</ tt >   
  10. < br   />   
  11. < samp >サンプルテキスト</ samp >   
  12. < br   />   
  13. < var >コンピュータ変数</ var >   
  14. < br   />   
  15.   
  16. < p >   
  17. < b >コメント: </ b >これらのタグは、コンピューター/プログラミング コードを表示するためによく使用されます。
  18. </p>​​   
  19.   
  20. </本文>   
  21. </html>​​   

効果は以下のとおりです。

4. アドレス: この例では、HTML ファイルにアドレスを書き込む方法を示します。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <!DOCTYPE html >   
  2. <html>​​   
  3. <本文>   
  4.   
  5. <住所>   
  6. 著者: < a   href = "mailto:[email protected]" >ドナルドダック</ a > . < br >     
  7. 次のサイトをご覧ください: < br >   
  8. Example.com < br >   
  9. ボックス564、ディズニーランド< br >   
  10. アメリカ合衆国
  11. </アドレス>   
  12.   
  13. </本文>   
  14. </html>​​   

効果は以下のとおりです。

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

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>​​   
  2.   
  3. <本文>   
  4.   
  5. <略語  title = "etcetera" >など</ abbr >   
  6. < br   />   
  7. <頭字語 タイトル= "ワールド ワイド ウェブ" > WWW </頭字語>   
  8.   
  9. < p >一部のブラウザでは、タイトルを使用して、略語の上にマウスを移動したときに式の完全版を表示できます。 </p>​​   
  10.   
  11. <p> IE 5の頭字語要素でのみ機能します。 </p>​​   
  12.   
  13. < p > Netscape 6.2 の abbr 要素と acronym 要素の両方に有効です。 </p>​​   
  14.   
  15. </本文>   
  16. </html>​​   

効果は以下のとおりです。

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

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>​​   
  2.   
  3. <本文>   
  4.   
  5. < p >   
  6. ブラウザが双方向オーバーライド (bdo) をサポートしている場合、次の行は右から左 (rtl) に出力されます。
  7. </p>​​   
  8.   
  9. <ビード  dir = "rtl" >   
  10. ここにヘブライ語のテキストがあります
  11. </bdo>​​   
  12.   
  13. </本文>   
  14. </html>​​   

効果は以下のとおりです。

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

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>​​   
  2.   
  3. <本文>   
  4.   
  5. ここに長い引用文があります:
  6. <引用>   
  7. これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。
  8. </引用>   
  9.   
  10. 以下は短い引用です:
  11. < q >   
  12. これは短い引用です。
  13. </q>​​   
  14.   
  15. < p >   
  16. blockquote 要素を使用すると、ブラウザは改行と余白を挿入しますが、 q 要素には特別なレンダリングはありません。
  17. </p>​​   
  18.   
  19. </本文>   
  20. </html>​​   

効果は以下のとおりです。

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

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>​​   
  2.   
  3. <本文>   
  4.   
  5. < p > 1ダースには< del > 20 </ del >あります  < ins > 12 個</ ins >個。 </p>​​   
  6.   
  7. < p >ほとんどのブラウザでは、これをテキストに取り消し線と下線を付ける形式に書き換えます。 </p>​​   
  8.   
  9. < p >一部の古いブラウザでは、取り消し線や下線が引かれたテキストが通常のテキストとして表示されます。 </p>​​   
  10.   
  11. </本文>   
  12. </html>​​   

効果は以下のとおりです。

上記の HTML テキスト フォーマットの簡単な例 (詳細な説明) は、エディターが皆さんと共有する内容のすべてです。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  暗号化における https の Apache 展開の概要

>>:  ウェブサイトの画像にグレー効果を加える3つの方法

推薦する

JavaScriptにおける評価戦略の詳細な説明

目次それを覆う栗パラメータの受け渡し値渡し共同配送要約する拡張機能 - 遅延評価私は最近、JavaS...

Linux で Nginx ロード バランシングを使用して複数の Tomcat を構成する方法

Linux に nginx と複数の tomcat をインストールする方法はここでは紹介しません。不...

GNU Parallelの具体的な使用法

それは何ですか？ GNU Parallel は、1 台以上のコンピュータでコンピューティング タスク...

HTMLページ埋め込み動画とJSコントロール切り替え動画例の詳しい説明

まず、ページにビデオを埋め込むための HTML コードは次のとおりです。コードをコピーコードは次のと...

HTML でのアンカーポイントの適用

アンカーポイントの設定<a name="トップ"></a>...

MySQL マスタースレーブレプリケーション構成プロセス

メインライブラリの構成1. MySQLを設定する vim /etc/my.cn # ファイルに次の内...

画像ファイルの形式とその選択方法

1. どの 3 つの形式ですか?それぞれ、gif、jpg、png です。画像ファイルを最適化すること...

JavaScript 操作要素の例

操作要素の詳細については、前回の記事を参照してください。JavaScript WebAPI、DOM、...

React双方向データバインディングの原理についての簡単な説明

目次双方向データバインディングとは双方向データバインディングの実装データ影響ビュービューはデータに影...

初心者がHTMLタグを学ぶ（3）

関連記事:初心者が学ぶ HTML タグ (2)導入された HTML タグは、必ずしも XHTML 仕...

MySQLのユーザー管理とPostgreSQLのユーザー管理の違い

1. MySQL ユーザー管理[例1.1] ローカルMySQLサーバーのテストデータベースにroot...

CSSを使用してアダプティブスクエアを実装する方法の例

伝統的な方法は、正方形を固定形式で書くことです。長さ=幅を直接書き、次のように固定値を書きます。 。...

2013年のウェブデザインUIの最もホットなトレンド最も人気のあるUIデザイン

時は経つのが早く、わずか 6 日後には 2013 年が歴史になります。今年は、いわゆるトレンドが多す...

ウェブページのコピー防止機能の実装方法（クラッキング手法付き）

ソース ファイルを右クリックすると、次のコードが見つかります。 1. CSSを使用してFirefox...

Vue3 AST パーサー - ソースコード分析

目次1. AST抽象構文木を生成する2. ASTのルートノードを作成する3. 子ノードの解析4. テ...