使用<pre>标签为你的网页加入大段代码
来源:互联网 发布:macbook air推荐软件 编辑:程序博客网 时间:2024/05/16 13:54
在上节中介绍加入一行代码的标签为<code>,但是在大多数情况下是需要加入大段代码的,如下图:
怎么办?不会是每一代码都加入一个<code>标签吧,没有这么复杂,这时候就可以使用<pre>标签。
语法:
<pre>语言代码段</pre>
<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
如下代码:
<pre> var message="欢迎"; for(var i=1;i<=10;i++) { alert(message); }</pre>
在浏览器中的显示结果为:
在上面的例子中可以看到代码中的空格,换行符都保留下来。如果用以前的方法,回车需要输入<br>
签,空格需要输入
注意:<pre>
标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>
标签的一个常见应用就是用来展示计算机的源代码。
0 0
- <pre>标签为你的网页加入大段代码
- 【Html】使用<pre>标签为你的网页加入大段代码
- 使用<pre>标签为你的网页加入大段代码
- <pre>标签,加入代码段
- pre 标签的使用
- 网页显示代码,标签xmp pre
- wordpress使用pre标签来显示你的HTML
- <address>标签,为网页加入地址信息
- <address>标签,为网页加入地址信息
- <address>标签,为网页加入地址信息
- <pre标签使用注意的地方
- <hx>标签,为你的网页添加标题
- 第14课:网页中插入代码<code>标签<pre>标签
- 如何使用axis为你的项目加入webservice
- 【Html】<address>标签,为网页加入地址信息
- html——<address>标签,为网页加入地址信息
- 第13课:<address>标签,为网页加入地址信息
- .NET网页中 设为首页 邮件连接 加入收藏夹 的代码
- Win10 + cygwin64 + ndk 配置ijkplayer android
- mac xgboost安装
- Linux 字符设备驱动开发基础(六)—— VFS 虚拟文件系统解析
- OMNet++ .ned文件的编辑
- private继承与public继承
- 使用<pre>标签为你的网页加入大段代码
- 网络资源:关于如何配置JAVA环境变量 和 使用 安装版Tomcat
- Android触摸屏事件派发机制详解与源码分析二(ViewGroup篇)
- 分页存储 -- 地址变换机构
- Juqery 常用函数使用方法
- java中File类的使用方法
- qt
- 使用ul,添加新闻信息列表
- Android触摸屏事件派发机制详解与源码分析三(Activity篇)