zoukankan      html  css  js  c++  java
  • html基础标签-1-pre预格式标签

    pre预格式标签

    code,tt标签

     1 <!doctype html>
     2 <html lang='zh-cn'>
     3 <head>
     4     <meta charset='utf-8'>
     5     <meta name='author' content='宋英杰'>
     6     <meta name='keywords' content=''>
     7     <meta name='description' content=''>
     8     <title>pre-code</title>
     9     <style type='text/css'>
    10     *{margin:0;padding:0;}
    11     html{font-size:100px;}
    12     body{font:0.14rem/1.5 Microsoft Yahei,Arial,'宋体','黑体';background:#FFF;}
    13     span{color:red;}
    14     </style>
    15 </head>
    16 <body>
    17     <pre>
    18 &lt;&gt;
    19 &lt;html&gt;
    20     &lt;head&gt;
    21     &lt;/head&gt;
    22     &lt;body&gt;
    23         不能用标题标签hx,段落标签p,address地址标签;会导致段落断开
    24         不能用tab键,各个浏览器解析效果不同;
    25         pre内的代码会保留空格、换行符
    26         <a href="http://www.baidu.com">baidu</a>(完整链接会有效果的yo)
    27     &lt;/body&gt;
    28 &lt;/html&gt;
    29     </pre>
    30     <code>code标签只用于表示计算机源代码,字体是Courier;
    31     它是<span>内容基础样式content-based style;</span>
    32     默认文本字体等宽,但是谁知道浏览器会怎么显示呢?只要表示源代码就无关紧要。</code>
    33     <tt>tt直接的等宽字体效果,是<span>物理样式physical style</span></tt>
    34     <p>code和tt是行内标签</p>
    35 </body>
    36 </html>
  • 相关阅读:
    RDay2-Problem 2 B
    杭电 1862 EXCEL排序(sort+结构体)
    杭电 2803 The MAX(sort)
    杭电 5053 the Sum of Cube(求区间内的立方和)打表法
    杭电 2089 不要62
    杭电 4548 美素数(素数打表)
    杭电2098 分拆素数和
    杭电1722 Cake (分蛋糕)
    素数判定 (素数打表)
    最小公倍数
  • 原文地址:https://www.cnblogs.com/tamato-jacob-wealllostcontrol/p/5416171.html
Copyright © 2011-2022 走看看