pre预格式标签

code，tt标签

  1.  1 <!doctype html>
  2.  2 <html lang='zh-cn'>
  3.  3 <head>
  4.  4     <meta charset='utf-8'>
  5.  5     <meta name='author' content='宋英杰'>
  6.  6     <meta name='keywords' content=''>
  7.  7     <meta name='description' content=''>
  8.  8     <title>pre-code</title>
  9.  9     <style type='text/css'>
  10. 10     *{margin:0;padding:0;}
  11. 11     html{font-size:100px;}
  12. 12     body{font:0.14rem/1.5 Microsoft Yahei,Arial,'宋体','黑体';background:#FFF;}
  13. 13     span{color:red;}
  14. 14     </style>
  15. 15 </head>
  16. 16 <body>
  17. 17     <pre>
  18. 18 &lt;&gt;
  19. 19 &lt;html&gt;
  20. 20     &lt;head&gt;
  21. 21     &lt;/head&gt;
  22. 22     &lt;body&gt;
  23. 23         不能用标题标签hx，段落标签p，address地址标签；会导致段落断开
  24. 24         不能用tab键，各个浏览器解析效果不同；
  25. 25         pre内的代码会保留空格、换行符
  26. 26         <a href="http://www.baidu.com">baidu</a>（完整链接会有效果的yo）
  27. 27     &lt;/body&gt;
  28. 28 &lt;/html&gt;
  29. 29     </pre>
  30. 30     <code>code标签只用于表示计算机源代码，字体是Courier；
  31. 31     它是<span>内容基础样式content-based style；</span>
  32. 32     默认文本字体等宽，但是谁知道浏览器会怎么显示呢？只要表示源代码就无关紧要。</code>
  33. 33     <tt>tt直接的等宽字体效果，是<span>物理样式physical style</span></tt>
  34. 34     <p>code和tt是行内标签</p>
  35. 35 </body>
  36. 36 </html>

html基础标签-1-pre预格式标签的更多相关文章

  1. 【HTML】学习路径5-预格式标签和字体标签

    <!DOCTYPE html> <html> <head> <title>我是标题</title> <meta charset=&qu ...

  2. HTML基础（2） 格式标签 文本标签

    格式标签: 1.<p></p>  用来显示段落 2.<br> 控制换行 3.<nobr> </nobr> 防止浏览器将过长内容自动换行显示 ...

  3. code标签和pre标签

    code标签: 1.code标签的定义: <code>标签, 用于表示计算机源代码或者其他机器可以阅读的文本内容.软件代码的编写者习惯了编写代码时的代码格式,那么这个<code> ...

  4. code标签和pre标签的定义

    前些日子一同事问了我一个关于code标签和pre标签的问题,嗯,是的,这两个标签凑到一块,便出现了问题.于是总结了一下.此文就重点谈一下code标签和pre标签喽,谈谈他们的定义,区别,应用以及这两个 ...

  5. [19/06/04-星期二] HTML基础_实体(转义字符)、图片标签(img)、元标签(meta)、语法规范、内联框架(iframe)、超链接

    一.实体(转义字符) 在HTML中,一些诸如<.> 就是普通的小于号和大于号不能直接使用,因为浏览可能会把它当成一个标签去解析,所以需要一些特殊字符去表示这些特殊字符, 这些字符我们称他们 ...

  6. HTML基础知识（1）常用标签的使用 h、p、img、meta、a、iframe...

    文章目录 1.html简介 2.html注释 3.标签的属性 3.1 代码 3.2 测试结果 4.常用的标签 4.1 代码 4.2 测试结果 5.实体 5.1 代码 5.2 测试结果 6.图片引入 6 ...

  7. H5 video标签的第二种格式

    36-video标签的第二种格式 2.第二种格式存在的意义: 由于视频数据非常非常的重要, 所以五大浏览器厂商都不愿意支持别人的视频格式, 所以导致了没有一种视频格式是所有浏览器都支持的 这个时候W3 ...

  8. HTML基础【3】：列表标签

    无序列表 作用:给一堆内容添加无序列表语义(一个没有先后顺序整体),列表中的条目不分先后 格式: li 英文是 list item,翻译为列表项 <h4>选择居住城市(CN)</h4 ...

  9. 前端基础之CSS的引入+HTML标签选择器+CSS操作属性

    clear:left/ringt属性 CSS:语法形式上由选择器+以及一条或多条声明组成:选择器查找到指定的html标签后,使用css属性设置html标签的样式:                   ...

随机推荐

  1. JVM（Java虚拟机）优化大全和案例实战

    堆内存设置 原理 JVM堆内存分为2块:Permanent Space 和 Heap Space. Permanent 即 持久代(Permanent Generation),主要存放的是Java类定 ...

  2. java 书籍推荐 JavaEE程序员必读图书大推荐

    java 书籍推荐 JavaEE程序员必读图书大推荐 转自:http://www.cnblogs.com/xlwmin/articles/2192775.html 下面是我根据多年的阅读和实践经验,给 ...

  3. Network（）

    Network Time Limit : 2000/1000ms (Java/Other)   Memory Limit : 60000/30000K (Java/Other) Total Submi ...

  4. C# winfrom中Flash播放使用axShockwaveFlash控件设置透明XP出现白色背景解决办法，仿QQ魔法表情效果

    //播放时  图片周围有锯齿白边出现    反锯齿处理暂无解决办法. 如有大神 请给我留言 新Form    AllowDrop True 引用using System.IO; 拖1个Button p ...

  5. Java面试题Tomcat的优化经验

    一.掉对web.xml的监视,把jsp提前编辑成Servlet.有富余物理内存的情况,加大tomcat使用的jvm的内存 二.服务器资源 服务器所能提供CPU.内存.硬盘的性能对处理能力有决定性影响. ...

  6. javascript高级知识分析——上下文

    如果函数是一个对象的属性,那么它可以? var katana = { isSharp: true, use: function(){ this.isSharp = !this.isSharp; } } ...

  7. java打包/命令行方式运行jar（命令行进行程序测试）

    public class Testtmp { public static void main(String[] args) { // TODO Auto-generated method stub f ...

  8. BZOJ 2707: [SDOI2012]走迷宫( tarjan + 高斯消元 )

    数据范围太大不能直接高斯消元, tarjan缩点然后按拓扑逆序对每个强连通分量高斯消元就可以了. E(u) = 1 + Σ E(v) / degree(u) 对拍时发现网上2个程序的INF判断和我不一 ...

  9. C语言版推箱子

    推箱子源代码初步: #include<stdio.h> #include<conio.h> #include<stdlib.h> #define boolean i ...

  10. PHP获取中文汉字首字母方法

    function getFirstLetter($str){ $fchar = ord($str{0}); if($fchar >= ord("A") and $fchar ...