HTMLのpreタグでテキストを折り返す方法は? html preタグの使用例-htmlチュートリアル-php.cn

HTMLのpreタグでテキストを折り返す方法は? html preタグの使用例

寻∝梦

リリース： 2018-08-28 13:41:59

オリジナル

10137 人が閲覧しました

この記事では、主に html pre タグの使用例を紹介し、最初に pre が実際に便利なタグであることを例を使って証明します。タグは他のタグに比べて非常に単純です。それでは、次の記事を一緒に見ていきましょう

まず、HTMLのpreタグで何ができるのか理解してみましょう。

HTML の pre タグは何をすることができますか? 平たく言えば、pre タグは、スペースや改行などのすべてのテキスト形式を Web ページ上に表示できます。残りはすべてブラウザーによって無視されます。ものが表示されます。効果を見てみましょう

まず、pre タグの役割を理解しましょう。

は、ブラウザ内で内部のテキストを正しくフォーマットできる

 タグです。行の折り返し形式と同じように、行を内側に折り返します (HTML について詳しく知りたい場合は、「PHP 中国語の Web サイト」を検索してご覧ください) <p><strong>最初に、どのように折り返されるかを理解する必要があります。 </strong><br> </p><p>たとえば、pre タグで新しい Web ページを作成します。 </p><pre class="brush:html;toolbar:false"><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<pre class="brush:php;toolbar:false">欢迎大家来到PHP中文网

ログイン後にコピー

これは、図に示すように、通常の Web ページです:

HTMLのpreタグでテキストを折り返す方法は? html preタグの使用例

次に、上記の段落をその中で囲んで表示します

<body>
<pre class="brush:php;toolbar:false">欢迎大家来到
PHP中文网

ログイン後にコピー

それでは次の効果を見てください:

HTMLのpreタグでテキストを折り返す方法は? html preタグの使用例

ほら、上の図は 1 行完全に変更されており、真ん中のスペースがすべて表示されています。この行を実現するために pre にタグを追加する必要はありません。ラッピング機能

第二弾が登場しますスペースの表示を見てください

HTMLのpreタグのスペース機能は、本文中にスペースを3つ入れると、スペースも3つ表示されます。ブラウザに表示される例を見てみましょう。説明:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<pre class="brush:php;toolbar:false">欢迎大 家来到PHP中文网（这里是一个空格）

ログイン後にコピー

欢迎大  家来到PHP中文网（这里是两个空格）

ログイン後にコピー

欢迎大   家来到PHP中文网（这里是三个空格）

ログイン後にコピー

这是一个普通的p标签，这里我用了五个空格，你看到了没有

効果を見てみましょう

HTMLのpreタグでテキストを折り返す方法は? html preタグの使用例これを比較すると、上のスペースもスペースであることが簡単にわかります。ブラウザ上で表示され、スペース３つも使えるようになりましたブラウザ上では表示されるのですが、pタグにスペース５つ使ったのですが、ブラウザ上ではスペース１つも入らないような状態になってしまいます。

これは、HTML の pre タグの最適な使い方です。どの段落でも、

 タグを追加することで任意の形式を入力できます。これは非常に便利です。<pre class="brush:php;toolbar:false"> で、ブラウザーでテキスト形式を表示します (HTML について詳しく知りたい場合は、クリックしてください: <strong> http://www.php.cn</strong> をクリックしてご覧ください)<a href="http://www.php.cn" target="_blank"></a>さて、上記は HTML の pre タグの役割と、スペースの使用方法と行の折り返し方法の例の紹介です。わからないことがあれば、以下から質問できます。 <p>【編集者のおすすめ】</p><p></p>HTMLでベースタグの相対パスを記述するには？ (使い方説明付き) <p><a href="http://www.php.cn/div-tutorial-409122.html" target="_blank"></a><br></p>HTMLのimgタグのsrc属性の使い方とは？具体的な使用方法の分析（例付き）<p><a href="http://www.php.cn/div-tutorial-409121.html" target="_blank"></a></p>

ログイン後にコピー

以上がHTMLのpreタグでテキストを折り返す方法は? html preタグの使用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。