HTML에서 사전 태그로 텍스트를 감싸는 방법은 무엇입니까? html pre 태그 사용 예-HTML 튜토리얼-php.cn

HTML에서 사전 태그로 텍스트를 감싸는 방법은 무엇입니까? html pre 태그 사용 예

寻∝梦

풀어 주다： 2018-08-28 13:41:59

원래의

10157명이 탐색했습니다.

이 글에서는 주로 html pre 태그를 사용하는 방법에 대한 예제를 소개하고, 또한 pre를 사용하여 처음에는 pre가 실제로 유용한 태그라는 것을 모든 사람에게 증명하기 위해 예제를 사용합니다. 태그는 다른 태그보다 훨씬 간단합니다. 좋아요, 이제 다음 기사를 함께 살펴보겠습니다

먼저 HTML의 pre 태그가 무엇을 할 수 있는지 알아볼까요?

HTML의 pre 태그는 무엇을 할 수 있나요? 일반인의 관점에서 pre 태그는 브라우저에서 모두 무시할 수 있는 공백 및 줄 바꿈과 같은 모든 텍스트 형식을 웹 페이지에 표시할 수 있습니다. 표시되면 효과를 살펴보겠습니다

먼저 pre 태그의 역할을 이해하겠습니다.

는 브라우저에서 내부 텍스트의 형식을 올바르게 지정할 수 있는

 태그입니다. 표시되는 줄 바꿈 형식과 마찬가지로 줄을 안쪽으로 줄 바꿈합니다. (HTML에 대해 더 알고 싶다면 "PHP 중국어 웹사이트"를 검색해 시청하세요.) <p><strong>먼저 줄 바꿈 방법을 이해해야 합니다. </strong><br> </p><p>예를 들어, pre 태그에 새 웹페이지를 만듭니다: </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中文网

로그인 후 복사

이것은 그림과 같은 일반적인 웹페이지입니다.

HTML에서 사전 태그로 텍스트를 감싸는 방법은 무엇입니까? html pre 태그 사용 예

이제 위의 단락을 여기에 래핑하여 표시합니다

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

로그인 후 복사

지금 보세요 다음 효과:

HTML에서 사전 태그로 텍스트를 감싸는 방법은 무엇입니까? html pre 태그 사용 예

보세요, 위 사진은 한 줄이 완전히 바뀌었고, 중간에 있는 공백도 표시되어 있습니다. 줄 바꿈 기능

두 번째가 옵니다. 공백 표시를 살펴보세요

HTML 사전 태그의 공백 기능은 텍스트에 공백 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에서 사전 태그로 텍스트를 감싸는 방법은 무엇입니까? html pre 태그 사용 예 위에 표시된 공간의 효과를 비교해 보면 위의 공간도 표시되었을 때 공간임을 쉽게 알 수 있습니다. 브라우저에서는 3개의 공백을 사용할 수 있습니다. 브라우저에는 표시되지만 p 태그에서는 5개의 공백을 사용했는데, 브라우저에서는 1개의 공백도 없는 것처럼 됩니다.

이것은 HTML pre 태그를 사용하는 가장 좋은 방법입니다. 어떤 단락에서든

 태그를 추가하면 원하는 형식을 입력할 수 있어 매우 편리합니다. ; 공식 용어는 브라우저에 텍스트 형식을 표시하는 (미리 형식화된 텍스트) 사전 텍스트 형식 입니다(HTML에 대해 자세히 알고 싶으면 클릭하세요: <p> http://www.php.cn<strong> 시청하기)</strong><a href="http://www.php.cn" target="_blank"> 좋습니다. 위 내용은 HTML 사전 태그의 역할과 공백 사용 방법 및 줄 바꿈 방법에 대한 예를 소개한 것입니다. 이해가 안 되는 부분이 있으면 아래에 질문을 하시면 됩니다. </a></p>【에디터 추천】<p></p><p>HTML에서 기본 태그의 상대 경로를 어떻게 작성하나요? (사용 지침 포함) </p><p><a href="http://www.php.cn/div-tutorial-409122.html" target="_blank"></a><br>HTML img 태그의 src 속성 사용법은 무엇인가요? 구체적인 사용방법 분석(예제포함)</p><p><a href="http://www.php.cn/div-tutorial-409121.html" target="_blank"></a></p>

로그인 후 복사

위 내용은 HTML에서 사전 태그로 텍스트를 감싸는 방법은 무엇입니까? html pre 태그 사용 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!