022_html计算机输出标签
1. html计算机代码格式
1.1. 通常, html使用可变的字母尺寸, 以及可变的字母间距。在显示计算机代码示例时, 并不需要如此。
1.2. <kbd>, <samp>, 以及<code>元素全都支持固定的字母尺寸和间距。
2. <kbd>标签
2.1. <kbd>标签定义键盘输入文本。
2.2. <kbd>标签经常用在于计算机相关的文档和手册中。例如:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta charset="utf-8" /><title>kbd标签定义键盘文本</title></head><body>键入<kbd>quit</kbd>来退出程序或者键入<kbd>menu</kbd>来返回主菜单。</body>
</html>3. <samp>标签
3.1. <samp>标签定义计算机输出示例。
3.2. 例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta charset="utf-8" /><title>samp标签定义计算机输出示例</title></head><body><samp>demo.example.com login: Apr 12 09:10:17Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189</samp></body>
</html>4. var标签
4.1. <var>标签表示变量的名称, 或者由用户提供的值。
4.2. <var>标签经常与<code>和<pre>标签一起使用, 用来显示计算机编程代码范例及类似方面的特定元素。
4.3. 用<var>标签标记的文本通常显示为斜体。
4.4. 就像其他与计算机编程和文档相关的标签一样, <var>标签不只是让用户更容易理解和浏览你的文档, 而且将来某些自动系统还可以利用这些恰当的标签, 从你的文档中提取信息以及文档中提到的有用参数。我们再一次强调, 提供给浏览器的语义信息越多, 浏览器就可以越好地把这些信息展示给用户。
4.5. 例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta charset="utf-8" /><title>var标签表示变量的名称</title></head><body><p>爱因斯坦的公式：</p><var>E</var> = <var>m</var> <var>c</var><sup>2</sup></body>
</html>5. code标签
5.1. <code>标签用于表示计算机源代码或者其他机器可以阅读的文本内容。
5.2. <code>元素不保留多余的空格和折行。
5.3. 软件代码的编写者已经习惯了编写源代码时文本表示的特殊样式。<code>标签就是为他们设计的。包含在该标签内的文本将用等宽、类似电传打字机样式的字体(Courier)显示出来。虽然<code>标签通常只是把文本变成等宽字体, 但它暗示着这段文本是源程序代码。
5.4. 例子
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta charset="utf-8" /><title>code标签用于表示计算机源代码</title></head><body><code>var person = {firstName:"Bill",lastName:"Gates",age:50,eyeColor:"blue"}</code></body>
</html>6. <pre>标签
6.1. pre标签可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
6.2. <pre>标签的一个常见应用就是用来表示计算机的源代码。
6.3. 可以导致段落断开的标签(例如标题<h1>~<h6>、<p>和<address>标签)绝不能包含在<pre>所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行, 但是这种行为在所有浏览器上并不都是一样的。
6.4. pre元素中允许的文本可以包括物理样式和基于内容的样式变化, 还有链接、图像和水平分隔线。当把其他标签(比如: <a>标签)放到<pre>块中时, 就像放在html/xhtml文档的其他部分中一样即可。
6.5. 制表符(tab)在<pre>标签定义的块当中可以起到应有的作用, 每个制表符占据8个字符的位置。但是我们不推荐使用它, 因为在不同的浏览器中, Tab的实现各不相同。在用<pre>标签格式化的文档段中使用空格, 可以确保文本正确的水平位置。
6.6. 如果您希望使用<pre>标签来定义计算机源代码, 比如: html源代码, 请使用符号实体来表示特殊字符, 比如: "<"代表"<", ">"代表">", "&"代表"&"。
6.7. 例子
6.7.1. 代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta charset="utf-8" /><title>pre标签可定义预格式化的文本</title></head><body>
<pre>
<html><head><title>html计算机输出标签</title><meta charset="utf-8" /></head><body><p>计算机输出标签有:</p><kbd>定义计算机代码。</kbd><code>定义键盘码。</samp><samp>定义计算机代码样本。</code><tt>定义打字机代码。</tt><var>定义变量。</var><pre>定义预格式文本。</pre></body>
</html>
</pre></body>
</html>6.7.2. 效果图
022_html计算机输出标签相关推荐
- html中文本格式化、预格式化、计算机输出标签、address、title、文字方向、著作
文本格式化标签: 预格式化标签pre: 网页中文本默认是显示一行,没有格式,通过<pre></pre>标签包裹会显示默认的格式. <pre> <!-- 通过p ...
- 、HTML“计算机输出”标签codekbdsampttvarpre
毕竟是盗版别人的,啊哈哈哈...剪短的填写了一下 1 .HTML"计算机输出"标签<code><kbd><samp><tt>< ...
- HTML“计算机输出”标签 codekbdsampttvarpre
我们并不反对使用它们,但是如果您只是为了达到某种视觉效果而使用这些标签的话,我们建议您使用样式表,那么做会达到更加丰富的效果. <code> 标签-定义计算机代码文本. 定义和用法: &l ...
- 计量经济学计算机输出结果,计量经济学作业答案A..doc
计量经济学作业答案A. 计量经济学(本科) 第一次作业(First Assignment) 答案 问题1 某一元回归模型y = ?0 + ?1 x + u 中 ?1 的估计量(OLS法-最小二乘法)用 ...
- 信息学奥赛一本通 2060：【例1.1】计算机输出
[题目链接] ybt 2060:[例1.1]计算机输出 [题目考点] 1. 输出字符串 cout << 字符型常量; printf(字符型常量); [题解代码] 解法1: #include ...
- 信息学奥赛一本通（2060：【例1.1】计算机输出）
2060:[例1.1]计算机输出 时间限制: 1000 ms 内存限制: 65536 KB 提交数: 597 通过数: 424 [题目描述] 在屏幕上输出"Hello ...
- CRF++中的unigram和bigram features指定是uni/bigrams的输出标签
Cite: (http://www.cnblogs.com/pangxiaodong/archive/2011/11/21/2256264.html) unigram/bigram很容易混淆,因 ...
- 计量经济学计算机输出结果,计量经济学作业结果解析A.doc
计量经济学作业结果解析A 计量经济学(本科) 第一次作业(First Assignment) 答案 问题1 某一元回归模型y = (0 + (1 x + u 中 (1 的估计量(OLS法-最小二乘法) ...
- 在网络中 计算机输出的信号是,2019陕西国家电网校园招聘计算机类笔试：计算机网络自测四...
1. 在网络中,计算机输出的信号是( ). A.模拟信号 B.数字信号 C.广播信号 D.脉冲编码信号 1.[答案] B.解析:计算机输出的信号是二进制数据信号. 2.下列哪一项是分组交换的缺点( ) ...
最新文章
- FSWD_3_JavaScriptAdvance
- python零基础电子书免费下载-零基础学Python
- docker连不上宿主机mysql_宿主机连接docker中的mysql
- 利用HttpClient 获取网页数据java代码模版
- JS中双引号单引号，转义字符问题！！
- Could not autowire. No beans of 'JavaMailSender' type found..md
- 删除变量PHP之session的使用
- 疯了，要建飞铁！比飞机快3倍，4000km/h，北京到深圳半小时
- Base64 编码/解码器
- 惠普打印机换硒鼓图解_惠普激光打印机硒鼓安装方法(图文)
- EasyRecovery2022真正不收费的数据恢复软件
- 2020年班级管理html,2020-2021学年度小学四年级班级管理工作计划
- 使用Safari只要打开echarts图表的网址会使Safari未响应
- ACM/ICPC 2018亚洲区预选赛北京赛站网络赛 B. Tomb Raider(二进制枚举)
- 二十四节气-寒露，月斜寒露白，此夕去留心
- echarts x轴，y轴滚动条
- 成语接龙（英语单词链）
- 3 、OpenCvSharp 图片转视频
- 《大数据： Hive 介绍与安装》
- 基于MNIST手写体数字识别--含可直接使用代码【Python+Tensorflow+CNN+Keras】