使用<pre>标签为你的网页加入大段代码
2016-06-19 11:48
351 查看
在上节中介绍加入一行代码的标签为<code>,但是在大多数情况下是需要加入大段代码的,如下图:
怎么办?不会是每一代码都加入一个<code>标签吧,没有这么复杂,这时候就可以使用<pre>标签。
语法:
<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
如下代码:
在浏览器中的显示结果为:
在上面的例子中可以看到代码中的空格,换行符都保留下来。如果用以前的方法,回车需要输入
注意:
怎么办?不会是每一代码都加入一个<code>标签吧,没有这么复杂,这时候就可以使用<pre>标签。
语法:
<pre>语言代码段</pre>
<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
如下代码:
<pre> var message="欢迎"; for(var i=1;i<=10;i++) { alert(message); } </pre>
在浏览器中的显示结果为:
在上面的例子中可以看到代码中的空格,换行符都保留下来。如果用以前的方法,回车需要输入
<br>签,空格需要输入
注意:
<pre>标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是
<pre>标签的一个常见应用就是用来展示计算机的源代码。
相关文章推荐
- 大一下学期我的c++学习方面实践体会
- 想加入一行代码吗?使用<code>标签
- 批注:C++设计模式——工厂方法模式:合并
- python中的__doc__,__name__
- SpringMVC i18n国际化资源文件路径配置
- struts2 标签库 /struts-dojo-tags not found&Expression parameters.parseContent is undefined
- Selenium+python-解决使用Webdrive打开Firefox不含有插件的问题
- Python文件与文件系统
- Laravel中使用FormRequest进行表单验证方法及问题汇总
- Python Moniotr ElasticSearch
- Java开发实用工具及组件应用
- C语言 百炼成钢23
- 依赖、关联、聚合、组合等之间的关系
- 关于go语言的学习和使用
- 树莓派+aria2+yaaw搭建下载机
- java基础知识:java项目的命名规范
- leetcode_c++:Product of Array Except Self(238)
- spring 切面配置
- SCPPO(四):框架的学习
- java使用quartz执行任务调度