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>

转载于:https://www.cnblogs.com/tamato-jacob-wealllostcontrol/p/5416171.html

html基础标签-1-pre预格式标签相关推荐

html5标题标签，blockquote 引用标签，pre预格式标签
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
把LabelImg标注的YOLO格式标签转化为VOC格式标签和把VOC格式标签转化为YOLO格式标签
把LabelImg标注的YOLO格式标签转化为VOC格式标签和把VOC格式标签转化为YOLO格式标签文章目录: 1 用LabelImgvoc和yolo标注标签格式说明 1.1 LabelImg标 ...
HTML标签详解之格式标签
本次的HTML教程是学习HTML格式标签,其中包括段落.区块和列表的HTML标签. 1.段落标签:,用来定义文章中的段落,HTML会自动为段落前后添加一个额外空行,做为段落间距. 折 ...
前端~html~HTML零基础（二） ~HTML常见标签补充/实战案例：个人简历网页展示/填写
文章目录回顾复习超链接标签a(补充) 表格标签列表标签表单标签 label标签 select标签 textarea标签无语义标签 div&& span 实战案例个人简历网页 ...
HTML基础-02-文本格式化、引文（斜体、粗体、上/下标签、删除、插入、强调、加重、字号、预格式，缩写、文字方向、短引用、长引用、引证）
文章目录 1. 文本格式化标签 1.1 斜体和粗体 1.2. 上标和下标 1.3 删除和插入 &l ...
前端基础第一天：HTML常用标签知识点
学习目标理解: 相对路径三种形式应用排版标签文本格式化标签图像标签链接相对路径,绝对路径的使用 1. HTML常用标签首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写 ...
【HTML】HTML 标签 ⑤ ( 锚点定位 | base 标签 | 预格式化文本标签 | HTML 特殊符号 )
文章目录一.锚点定位二.base 标签三.预格式化文本标签四.HTML 特殊符号一.锚点定位锚点定位步骤 : 创建锚点 : 使用 id 属性 , 创建跳转锚点 , 一般情况下是在各种级别 ...
Html之pre、xmp标签_感觉没什么用_实例
1 通过三部分来看他们的区别,下面有详细的解释 <html><head> <title>欲格式化文本</title></head><b ...
[html] pre与xmp标签有什么区别？
[html] pre与xmp标签有什么区别? xmp的标签,会复把抱在内部的html片段当作字符串输出(此标签已废弃) <pre></pre> 标签,可以在保留原来文本格式的基 ...

html基础标签-1-pre预格式标签

pre预格式标签

code，tt标签

html基础标签-1-pre预格式标签相关推荐

最新文章

热门文章