HTML教程 HTML教程HTML是什么HTML 代码编辑器HTML 基础标签HTML 元素HTML 属性HTML 标题HTML 段落HTML 文本格式化HTML CSSHTML 头部HTML链接HTML 图像HTML 区块和行内元素HTML 表格HTML 列表HTML 引用和定义元素HTML 计算机代码元素HTML 布局HTML 框架HTML 脚本/JavaScriptHTML 文件路径HTML 颜色HTML 字符(编码)和实体HTML URL(网址)HTML XHTMLHTML - Web服务器HTML表单 HTML 表单HTML 表单属性HTML 表单元素HTML 表单input类型HTML 表单input属性

HTML 文本格式化

HTML 可定义很多供格式化输出的元素,比如斜体和删除线字。改变文本外观和含义分两种,物理样式和内容样式。

案例:9 种物理样式

标签传达的含义比浏览器显示文本的方式更为重要称之为物理样式。

粗体:这里是加b标签粗文本

大号字:这个文本比上一段文本大一些。

小号字(旁注):这些葡萄会用来酿酒。含酒精的饮料会使人上瘾

斜体:柠檬水的主要成份是柑橘属柠檬

删除线:您需要支付金额:18

删除线:您需要支付金额:19

上标:氢在重水中通常是2H

下标:水的分子式是H2O

打印机文字:tt标签文字

 <p>粗体:<b>这里是加b标签粗文本</b>。</p>
 <p>大号字:<big>这个文本比上一段文本大一些。</big></p>
 <p>小号字(旁注):这些葡萄会用来酿酒。<small>含酒精的饮料会使人上瘾</small></p>
 <p>斜体:柠檬水的主要成份是<i>柑橘属柠檬</i></p>
 <p>删除线:您需要支付金额:<strike>18</strike>元</p>
 <p>删除线:您需要支付金额:<s>19</s>元</p>
 <p>上标:氢在重水中通常是<sup>2</sup>H</p>
 <p>下标:水的分子式是H<sub>2</sub>O</p>
 <p>打印机文字:<tt>tt标签文字</tt></p>

物理样式

注意<strong> 替换 <b> 来使用, <em> 替换 <i>标签,<b> 与<i> 定义粗体或斜体文本。<strong> 或者 <em>意味着你要呈现的文本是重要的。

案例:内容样式

仅仅是简单展示文本,不考虑文本的含义。

缩写体:中国

首字母缩写:WWW

作品标题:《红楼梦》被列为中国古典四大名著之首。

计算机代码:fruitdb程式能用于跟踪水果的出产。

定义实例:术语有机食品适用于那些不是使用化学制品而生成的食物。

强调:我不得不说,我超爱冰淇淋

用户输入:按Enter继续…

计算机输出:Unknown error -3

重要事务:这茶很烫

变量:如果碗里有n种水果,那么至少n-2种会是熟的。

 <p>缩写体:<abbr title="中华人民共和国">中国</abbr></p>
 <p>首字母缩写:<acronym title="World Wide Web">WWW</acronym></p>
 <p>作品标题:<cite>《红楼梦》</cite>被列为中国古典四大名著之首。 </p></p>
 <p>计算机代码:<code>fruitdb</code>程式能用于跟踪水果的出产。</p>
 <p>定义实例:术语<dfn>有机食品</dfn>适用于那些不是使用化学制品而生成的食物。</p>
 <p>强调:我不得不说,我超爱<em>冰淇淋</em></p>
 <p>用户输入:按<kbd>Enter</kbd>继续… </p>
 <p>计算机输出:<samp>Unknown error -3</samp></p>
 <p>重要事务:这茶<strong>很烫</strong>。</p>
 <p>变量:如果碗里有<var>n</var>种水果,那么至少<var>n</var>-2种会是熟的。</p>

内容样式

注意<acronym> 标签。请使用 <abbr> 标签代替。

HTML 文本格式化标签

标签描述
<b>粗体文本
<i>斜体字
<em>着重文字
<small>小号字(侧记)
<strong>加重语气
<sub>下标字
<sup>上标字
<ins>插入字
<del>删除字

HTML “计算机输出”标签

标签描述
<code>计算机代码
<kbd>键盘码(用户输入)
<samp>计算机代码样本
<var>变量
<pre>预格式文本

HTML 引用和术语定义

标签描述
<abbr>缩写体
<address>联系信息
<bdo>覆盖文本方向
<blockquote>长的引用
<q>短的引用
<cite>作品标题
<dfn>定义实例。