HTML——格式化文本标记、拼音/音标注释ruby 标记和rt/rp 标记、段落缩进标记blockquote、预格式化标记pre

时间:2019-04-15
本文章向大家介绍HTML——格式化文本标记、拼音/音标注释ruby 标记和rt/rp 标记、段落缩进标记blockquote、预格式化标记pre，主要包括HTML——格式化文本标记、拼音/音标注释ruby 标记和rt/rp 标记、段落缩进标记blockquote、预格式化标记pre使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

格式化文本标记

文本修饰标

 

标记

说明

<b>软件工程专业！</b>

定义粗体

<i>软件工程专业！</i>

定义斜体

<u>软件工程专业！</u>

定义下划线

<del>软件工程专业！ </del>

定义删除线

<sup>软件工程专业！</sup>

定义上标

<sub>软件工程专业！</sub>

定义下标

<strong>软件工程专业！</strong>

定义着重文字，与<b></b>效果相同

<em>软件工程专业！</em>

定义加重语气，与<i></i>效果相同

<small>软件工程专业！</small>

变小字号

<big>软件工程专业！</big>

变大字号

计算机输出标记

标签

说明

<code></code>

定义计算机代码

<kbd></kbd>

定义键盘码

<samp></samp>

定义计算机代码样本

<tt></tt>

定义打字机代码

<var></var>

定义变量

<pre></pre>

定义预格式文本

引用和术语标记

标记

主要用途

<abbr>etc.</abbr>

定义缩写

<address>江苏南京市</address>

定义地址

<blockquote>长的引用</blockquote>

定义长的引用

<cite>引用、引证</cite>

定义引用、引证

<q>引用短语</q>

定义短的引用语，IE看不到引号，其余可以

<dfn>定义项目</dfn>

定义一个定义项目

拼音/音标注释ruby 标记和rt/rp 标记

基本语法

<ruby>中<rt><rp>(</rp>zhong<rp>)</rp></rt>                                                      

国<rt><rp>(</rp>guo<rp>)</rp></rt> </ruby>

段落缩进标记<blockquote>

       段落缩进(也称为“块引用”)blockquote标记引用的内容必须是块级标记，浏览器在 blockquote标记前后添加了换行，并增加了外边距。

      一对blockquote标记能够向右缩进5个西文字符的位置。

基本语法

<body>         

       <blockquote>需要缩进的内容</blockquote>

</body>

预格式化标记<pre>

      <pre></pre>标记对网页中的文字段落进行预格式化，浏览器会完整保留设计者在源文件中所定义的格式，包括各种空格、缩进以及其他特殊格式。

基本语法   

 <pre>预格式化文本 </pre >

 <pre>         

                   春 晓   

                          孟浩然

         春眠不觉晓，

                   处处闻啼鸟。

         夜来风雨声，

                  花落知多少。  

</pre>

随机文章
WEB前端知识点必读
最近更新