`
chinagdvea
  • 浏览: 132347 次
  • 性别: Icon_minigender_1
  • 来自: 韶关
社区版块
存档分类
最新评论

预格式文本 <pre>

    博客分类:
  • html
阅读更多
此例演示如何使用 pre 标签对空行和空格进行控制。

<html>

<body>

<abbr title="etcetera">etc.</abbr>
<br>
<acronym title="World Wide Web">WWW</acronym>

<p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p>

<p>仅对于 IE 5 中的 acronym 元素有效。</p>

<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

</body>


</html>

效果

Computer code
Keyboard input
Teletype text
Sample text
Computer variable
注释:这些标签常用于显示计算机/编程代码。
分享到:
评论

相关推荐

    ajaxfileupload 返回时 去掉 <pre>与 jquery1.7支持解决 方法

    首先,`&lt;pre&gt;`标签在HTML中用于保留其中的空白字符,通常用在展示代码或保留原始格式的文本。当Ajax请求返回的数据被自动包裹在这个标签内时,可能会导致前端解析和显示出现问题。为了解决这个问题,开发者需要在...

    【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码.docx

    标题中的"【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码"涉及到的知识点是使用JavaScript增强HTML预格式化代码块(`&lt;pre&gt;`标签)的功能,特别是添加一个复制代码按钮,使得用户可以方便地复制...

    HTML全套学习资料

    2. **文本格式化**:学习如何使用HTML标签来控制文本样式,如粗体&lt;b&gt;或&lt;strong&gt;,斜体&lt;i&gt;或&lt;em&gt;,下划线&lt;u&gt;,删除线&lt;del&gt;,以及预格式文本&lt;pre&gt;等。 3. **链接与图像**:掌握创建超链接&lt;a&gt;的技巧,了解href属性用于...

    Web-前端html+css从入门到精通 116. pre标签与code标签.zip

    `&lt;pre&gt;`标签,全称为"预格式化文本"标签,它告诉浏览器以一种固定的、不换行的方式来显示内容。在`&lt;pre&gt;`标签内部的文本会保留所有的空格和换行,这使得它非常适合用来展示编程代码。浏览器会按照在HTML源码中看到的...

    一周学会网站建设 最快培训教程.pdf

    * &lt;PRE&gt;标签:预格式文本 * 字符格式标签:&lt;B&gt;、&lt;I&gt;、&lt;U&gt;、&lt;S&gt;、&lt;STRIKE&gt; Day 5: 图像 * SRC 属性:图像的源地址 * 确定图像大小的属性:WIDTH、HEIGHT * ALIGN 属性:图像的对齐方式 * ALT 属性:图像的替代文本 ...

    第5章 分组元素.pdf

    格式化预排版标签(&lt;pre&gt;)用于显示预排版的格式,如代码或者需要保留空格和换行的文本。它会按照浏览器显示等宽字体,保留文本的原始格式。例如: ```html &lt;pre&gt;这是一段预排版文本&lt;/pre&gt; ``` 主题分隔标签(&lt;hr&gt;)...

    HTML 总结(已完).docx

    * 预排版标签:&lt;pre&gt;&lt;/pre&gt; * 图片标签:&lt;img/&gt; * 文本字体标签:&lt;font&gt; 格式化标签包括: * 文本加粗:&lt;b&gt; * 文本倾斜:&lt;i&gt; * 文本下划线:&lt;u&gt; * 文本上标:&lt;sup&gt; * 文本下标:&lt;sub&gt; HTML还包括超链接标签:&lt;a&gt;...

    HTML语言教程

    &lt;pre&gt;预格式化的文本&lt;/pre&gt; &lt;div class="container"&gt; &lt;span class="highlight"&gt;高亮部分&lt;/span&gt; &lt;/div&gt; ``` 4. 图像标记 `&lt;img&gt;`元素用于插入图像,其`src`属性指定图像源,`alt`属性提供替代文本。例如: ```html...

    HTML语法整理

    - **`&lt;pre&gt;`**:预格式化文本,保持原有的空格和换行。 - **`&lt;code&gt;`**:表示计算机代码。 - **`&lt;samp&gt;`**:表示样本输出。 - **`&lt;tt&gt;`**:等宽字体。 - **`&lt;var&gt;`**:表示变量名。 示例: ```html &lt;pre&gt; for i = 1...

    (完整)HTML5常用标签大全.doc

    * `&lt;pre&gt;`:定义预格式文本 * `&lt;progress&gt;`:定义任何类型的任务的进度 * `&lt;q&gt;`:定义短的引用 * `&lt;rp&gt;`:定义若浏览器不支持ruby元素显示的内容 * `&lt;rt&gt;`:定义ruby注释的解释 * `&lt;ruby&gt;`:定义ruby注释 * `&lt;s&gt;`:...

    初学者代码加图片

    - **预格式化文本**:`&lt;pre&gt;`用于定义预格式化的文本。这种文本保留空格和换行。 - **代码标签**:`&lt;code&gt;`用于定义计算机代码,内部字符为等宽字体。 #### 9. 计算机输出相关的标签 ```html &lt;html&gt; &lt;body&gt; &lt;code&gt;...

    常用HTML代码解释

    - **`&lt;pre&gt;`**: 预格式化文本。 - **`&lt;body&gt;`**: 定义文档主体的背景色、背景图片、文字颜色等。 - **`&lt;MARQUEE&gt;`**: 滚动文字或图片,可设置滚动速度、方向等。 - **`&lt;table&gt;`**, `&lt;tr&gt;`**, `&lt;td&gt;`**, `&lt;th&gt;`**: ...

    HTML标记大全参考手册

    9. **预格式化文本**: `&lt;PRE&gt;`标签用于显示预格式化的文本。 - **示例**: ```html &lt;PRE&gt; 这是一个预格式化的段落。 它保留所有的空格和换行。 &lt;/PRE&gt; ``` 10. **其他文本格式化**: `&lt;EM&gt;`、`&lt;STRONG&gt;`、`...

    html标签 HTML学习

    - 描述:预格式化文本,保留空格和换行符。 - 示例: ```html &lt;PRE&gt; 保留 空格和 换行 &lt;/PRE&gt; ``` **23. `&lt;CENTER&gt;`** - 描述:将元素居中对齐。 - 示例: ```html &lt;CENTER&gt;居中的文本&lt;/CENTER&gt; ``` ###...

    按功能顺序列出的 HTML 4.01/XHTML 1.0 标签手册

    预格式化文本和代码相关标签包括 `&lt;pre&gt;`、`&lt;code&gt;`、`&lt;tt&gt;`、`&lt;kbd&gt;`、`&lt;var&gt;`、`&lt;dfn&gt;` 和 `&lt;samp&gt;`,它们分别用于保留原有格式、展示代码、模拟打字机文本、键入文本、变量、定义项和样本文本。 块级元素如 `...

    wml字体格式和图像PPT课件.pptx

    `&lt;pre&gt;` 标记在WML中用于保留原始文本格式,包括空格和回车。它使得文本按照编写时的布局显示,不进行自动换行。在M3Gate模拟器中可能不支持此标记。在HTML文档中使用`&lt;pre&gt;`,可以保持代码块或段落的原始格式。 ...

    Html5中文手册(程序员必备手册)

    65、&lt;pre&gt; 定义预格式化文本。 66、&lt;progress&gt; 定义任何类型的任务的进度。 67、&lt;q&gt; 定义短的引用。 68、&lt;rp&gt; 定义非ruby显示的内容。 69、&lt;rt&gt; 定义 ruby 注释的解释。 70、 &lt;ruby&gt; 定义 ruby 注释。 71、&lt;script&gt; ...

    HTML常用标签.pdf

    19. &lt;pre&gt;:&lt;pre&gt; 元素可定义预格式化的文本。被包围在&lt;pre&gt;元素中的文本通常会保留空格和换行符。 20. &lt;u&gt;:&lt;u&gt; 标签可定义下划线文本。 21. &lt;label&gt;:&lt;label&gt; 标签为 input 元素定义标注(标记) 。 22. &lt;strong&gt;....

    html代码实例

    - **预格式化文本**:使用`&lt;pre&gt;`标签来保留文本中的空格和换行。 ```html &lt;pre&gt; 这是 预格式化文本 浏览器会保留文本中的空格和换行。 &lt;/pre&gt; ``` - **计算机代码展示**:使用`&lt;code&gt;`标签来显示计算机代码...

Global site tag (gtag.js) - Google Analytics