How to use html pre tag

青灯夜游
Release: 2019-05-27 13:41:52
Original
4140 people have browsed it

html pre标签用于定义预格式化的文本;被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

 标签的一个常见应用就是用来表示计算机的源代码。<p><img  src="https://img.php.cn/upload/article/000/000/024/5ceb77f05ced5207.jpg" alt="How to use html pre tag" ></p><p><span   style="max-width:90%"><strong>html pre标签怎么用?</strong></span></p><p><strong>作用:</strong>定义预格式化的文本。</p><p><strong>说明:</strong></p><p>被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。</p><pre class="brush:php;toolbar:false"> 标签的一个常见应用就是用来表示计算机的源代码。<p>可以导致段落断开的标签(例如标题、</p><p> 和 </p><address> 标签)绝不能包含在 <pre class="brush:php;toolbar:false"> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。<p>pre 元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。</p><p><strong>注释:</strong></p><p>如果您希望使用 </p><pre class="brush:php;toolbar:false"> 标签来定义计算机源代码,比如 HTML 源代码,请使用符号实体来表示特殊字符,比如 "<" 代表 "<",">" 代表 ">","&" 代表 "&"。<p><span style="font-size: 18px;"><strong>html pre标签 示例</strong></span></p><pre class="brush:html;toolbar:false;"><!DOCTYPE html>
<html>
  <meta charset="utf-8">
<body>
  <pre class="brush:php;toolbar:false">
    离离原上草,一岁一枯荣。
    野火烧不尽,春风吹又生。
  
Copy after login

可以看到上面我们没有做任何的CSS渲染,文字依然按照我们排列好的形式格式化输出

效果图:

How to use html pre tag

The above is the detailed content of How to use html pre tag. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template