ホームページ > 記事 > ウェブフロントエンド > HTML テキストの書式設定の簡単な例

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

高洛峰オリジナル: 2017-02-11 14:18:421430ブラウズ

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

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

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

<html>
<ボディ> ;
<
強い
>
このテキストは強いです >
ビッグ> ;
このテキストは強調されています >
<
>
このテキストは斜体です

i> <

/>
<小さい>このテキストは小さいです
小さい
>
このテキストには <
>
subscript

sub>

br / > このテキストには
>
ボディ
>
< /
html
> 効果は次のとおりです:

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

XML/HTMLコードコンテンツをクリップボードにコピー
1. <html>
3. <ボディ>
5. <pre> これは書式設定されたテキストです。
6. スペース
7. と改行を保持します。タグコンピューターコードの表示に最適:
8. >
10. <pre>
12. 次はpre>
14. body>
15. html
 > ;
17. 効果は次のとおりです:
18. 3 つの「コンピューター出力」ラベル: この例は、さまざまな「コンピューター出力」ラベルの表示効果を示します。
19. XML/HTMLコード
 コンテンツをクリップボードにコピー
20. <
 html
21. >
ボディ
>

<
コード>

<
1. br
 />
2. kbd
 >
3. kbd>
4. 
 <tt>テレタイプテキストtt
 >
6. 
7. <サンプル>サンプルテキスト< /サンプル
 >
8. 
9. <var> コンピュータ変数var >
10. 
12. 
13. コメント:b>これらのタグは、コンピューター/プログラミングコードを表示するためによく使用されます。
14. p>
16. body>
17. html> ;
効果は次のとおりです:
4. アドレス: この例は、HTML ファイルにアドレスを記述する方法を示します。

XML/HTML コードコンテンツをクリップボードにコピー
1. >
2. < ; html>
3. <body>
5. <
 a href= "mailto:webmaster@example.com"
 >
6. a>. こちらにアクセスしてください: 
7. 
8. 
9. アドレス
 > ;
12. html
13. 効果は次のとおりです:
14. 5. 略語と頭字語: この例は、略語または頭字語を実装する方法を示します。
コンテンツをクリップボードにコピー
<
html

>

<
1. ボディ
 >
2. < /
3. abbr
 >
 <
4. br
 
 />
6. <頭字語 title=「World Wide Web」>WWW頭字語>
8. 一部のブラウザでは、省略された単語の上にマウスを移動すると、タイトルを使用して表現の完全なバージョンを表示できます。 p>
10. は、IE 5 の頭字語要素に対してのみ有効です。 p>
12. Netscape 6.2要素の略語と頭字語は有効です。 p>
14. body>
15. html>
効果は次のとおりです:

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

XML/HTMLコードコンテンツをクリップボードにコピー
1. <html>
3. <
 ボディ>
5. 
7. p>
9. bdo > body
11. html>
12. 効果は次のとおりです:
13. 7. ブロック引用符: この例は、さまざまな長さの引用符を実装する方法を示しています。
14. XML/HTMLコードコンテンツをクリップボードにコピー
<
html
>

<
ボディ>
これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。
blockquote>
これは短い引用です:
< >
q>
p>
body>
html> ;