欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  HTML文本格式化
 
  <!DOCTYPEHTML>
 
  <html>
 
  <metacharset="utf-8"/>
 
  <head>
 
  <title>自选教程(如约智惠.com)</title>
 
  </head>
 
  <body>
 
  <b>加粗文本</b><br><br>
 
  <i>斜体文本</i><br><br>
 
  <code>电脑自动输出</code><br><br>
 
  这是<sub>下标</sub>和<sup>上标</sup>
 
  </body>
 
  </html>
 
  实例
 
  文本格式化
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <metacharset="utf-8"/>
 
  <head>
 
  <title>自选教程(如约智惠.com)</title>
 
  </head>
 
  <body>
 
  <b>这个文本是加粗的</b>
 
  <br>
 
  <strong>这个文本是加粗的</strong>
 
  <br/>
 
  <big>这个文本字体放大</big>
 
  <br/>
 
  <em>这个文本是斜体的</em>
 
  <br/>
 
  <i>斜体文本</i>
 
  <br/>
 
  <small>这个文本是缩小的</small>
 
  <br/>
 
  这个文本包含<sub>下标</sub>和<sup>上标</sup>
 
  </body>
 
  </html>
 
  预格式文本
 
  <!DOCTYPEHTML>
 
  <html>
 
  <metacharset="utf-8"/>
 
  <head>
 
  <title>自选教程(如约智惠.com)</title>
 
  </head>
 
  <body>
 
  <pre>
 
  此例演示如何使用pre标签
 
  对空行和空格
 
  进行控制
 
  </pre>
 
  </body>
 
  </html>
 
  计算机输出标签
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <metacharset="utf-8"/>
 
  <head>
 
  <title>自选教程(如约智惠.com)</title>
 
  </head>
 
  <body>
 
  <code>计算机输出</code>
 
  <br/>
 
  <kbd>键盘输入</kbd>
 
  <br/>
 
  <tt>打字机文本</tt>
 
  <br/>
 
  <samp>计算机代码样本</samp>
 
  <br/>
 
  <var>计算机变量</var>
 
  <br/>
 
  <p>
 
  <b>注释:</b>这些标签常用于显示计算机/编程代码
 
  </p>
 
  </body>
 
  </html>
 
  地址
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <metacharset="utf-8"/>
 
  <head>
 
  <title>自选教程(如约智惠.com)</title>
 
  </head>
 
  <body>
 
  <address>
 
  Writtenby<ahref="milto:webmaster@example.com">JonDoe</a><br/>
 
  Visitusat:<br/>
 
  Example.com<br/>
 
  Box564,Disneyland<br/>
 
  USA
 
  </address>
 
  </body>
 
  </html>
 
  缩写和首字母缩写
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <metacharset="utf-8"/>
 
  <head>
 
  <title>自选教程(如约智惠.com)</title>
 
  </head>
 
  <body>
 
  <abbrtitle="etcetera">etc.</abbr>
 
  <br/>
 
  <acronymtitle="WorldWideWeb">WWW</acronym>
 
  <p>在某些浏览器中,当您把鼠标移至缩略词语上时,title可用于展示表达的完整版本。</p>
 
  <p>仅对于IE5中的acronym元素有效。</p>
 
  <p>对于Netscape6.2中的abbr和acronym元素都有效。</p>
 
  </body>
 
  </html>
 
  文字方向
 
  <!DOCTYPEHTML>
 
  <html>
 
  <metacharset="utf-8"/>
 
  <head>
 
  <title>自选教程(如约智惠.com)</title>
 
  </head>
 
  <body>
 
  <p>该段落文字从左到右显示。</p>
 
  <p>
 
  <bdodir="rtl">该段落文字从右到左显示。</bdo>
 
  </p>
 
  </body>
 
  </html>
 
  块引用
 
  <!DOCTYPEHTML>
 
  <html>
 
  <metacharset="utf-8"/>
 
  <head>
 
  <title>自选教程(如约智惠.com)</title>
 
  </head>
 
  <body>
 
  <p>
 
  WWF'sgoalisto:
 
  <q>Buildafuturewherepeopleliveinharmonywithnature.</q>
 
  Wehopetheysucceed.
 
  </p>
 
  </body>
 
  </html>
 
  删除字效果和插入字效果
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <metacharset="utf-8"/>
 
  <head>
 
  <title>自选教程(如约智惠.com)</title>
 
  </head>
 
  <body>
 
  <p>
 
  Myfavoritecoloris
 
  <del>bule</del>
 
  <ins>red</ins>
 
  !
 
  </p>
 
  </body>
 
  </html>
 
  HTML文本格式标签
 
  标签 描述
 
  <b> 定义粗体文本
 
  <em> 定义着重文字
 
  <i> 定义斜体字
 
  <small> 定义小号字
 
  <strong> 定义加重语气
 
  <sub> 定义下标字
 
  <sup> 定义上标字
 
  <ins> 定义插入字
 
  <del> 定义删除字
 
  HTML"计算机输出"标签
 
  标签 描述
 
  <code> 定义计算机代码
 
  <kbd> 定义键盘码
 
  <samp> 定义计算机代码样本
 
  <var> 定义变量
 
  <pre> 定义预格式文本
 
  HTML引文,引用,及标签定义
 
  <abbr> 定义缩写
 
  <address> 定义地址
 
  <bdo> 定义文字方向
 
  <blockquote> 定义长的引用
 
  <q> 定义短的引用语
 
  <cite> 定义引用、引证
 
  <dfn> 定义一个定义项目。
 
 


本文转载自中文网

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h55111.shtml