作业帮 > HTML > 教育资讯

HTML教程：HTML 文本格式化实例教程

来源：学生作业帮助网 编辑：作业帮 时间：2024/05/11 14:59:29 HTML
HTML教程：HTML 文本格式化实例教程HTML
【无忧考网-HTML教程：HTML 文本格式化实例教程】：
文本格式化 
此例演示如何在一个 HTML 文件中对文本进行格式化 




  5. This text is bold




  9. This text is strong




  13. This text is big




  17. This text is emphasized




  21. This text is italic




  25. This text is small




  29. This text contains
  30. subscript




  34. This text contains
  35. superscript


复制代码


2.预格式文本 
此例演示如何使用 pre 标签对空行和空格进行控制。 





  6. 这是
  7. 预格式文本。
  8. 它保留了 空格
  9. 和换行。


  12. pre 标签很适合显示计算机代码：




  15. for i = 1 to 10
  16. print i
  17. next i



复制代码

3.“计算机输出”标签 
此例演示不同的“计算机输出”标签的显示效果。 




  5. Computer code


  7. Keyboard input


  9. Teletype text


  11. Sample text


  13. Computer variable




  17. 注释：这些标签常用于显示计算机/编程代码。




复制代码

4.地址 
此例演示如何在 HTML 文件中写地址。 




  5. 唐老鸭的地址：



  7. Donald Duck

  8. BOX 555

  9. Disneyland

  10. USA






  15. W3School 的地址：



  17. 用户服务信箱

  18. 上海赢科投资有限公司

  19. 金桥开发区 789 号




复制代码

5.缩写和首字母缩写 
此例演示如何实现缩写或首字母缩写。 




  5. UN


  7. WWW

  9. 在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。



  11. 仅对于 IE 5 中的 acronym 元素有效。



  13. 对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。




复制代码

6.文字方向 
此例演示如何改变文字的方向。 





  6. 如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；




  10. Here is some Hebrew text



复制代码

7.块引用 
此例演示如何实现长短不一的引用语。 




  5. 这是长的引用：

  7. 这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。


  10. 这是短的引用：

  12. 这是短的引用。



  16. 使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。




复制代码

8.删除字效果和插入字效果 
此例演示如何标记删除文本和插入文本。





  6. 一打有
  7. 二十 
  8. 十二 
  9. 件。




  13. 大多数浏览器会改写为删除文本和下划线文本。




  17. 一些老式的浏览器会把删除文本和下划线文本显示为普通文本。




复制代码

如何查看 HTML 源码
您是否有过这样的经历，当你看到一个很棒的站点，你会很想知道开发人员是如何将它实现的？
你有没有看过一些网页，并且想知道它是如何做出来的呢？
要揭示一个网站的技术秘密，其实很简单。单击浏览器的“查看”菜单，选择“查看源文件”即可。随后你会看到一个弹出的窗口，窗口内就是实际的 HTML 代码。

文本格式化标签
 定义粗体文本。 
定义大号字。 
定义着重文字。 
定义斜体字。 
定义小号字。 
定义加重语气。 
定义下标字。 
定义上标字。 
定义插入字。 
定义删除字。 
不赞成使用。使用 代替。 
不赞成使用。使用 代替。 
不赞成使用。使用样式（style）代替。 

“计算机输出”标签
定义计算机代码。 
定义键盘码。 
定义计算机代码样本。 
定义打字机代码。 
定义变量。 
 定义预格式文本。 
 不赞成使用。使用 
 代替。 
 不赞成使用。使用 <pre> 代替。<SPAN class=Apple-converted-space> </SPAN><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><xmp> 不赞成使用。使用 <pre> 代替。<SPAN class=Apple-converted-space> </SPAN><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><FONT style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif" color=#ff0000>引用、引用和术语定义</FONT><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><abbr> 定义缩写。<SPAN class=Apple-converted-space> </SPAN><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><acronym> 定义首字母缩写。<SPAN class=Apple-converted-space> </SPAN><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><address> 定义地址。<SPAN class=Apple-converted-space> </SPAN><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><bdo> 定义文字方向。<SPAN class=Apple-converted-space> </SPAN><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><blockquote> 定义长的引用。<SPAN class=Apple-converted-space> </SPAN><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><q> 定义短的引用语。<SPAN class=Apple-converted-space> </SPAN><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><cite> 定义引用、引证。<SPAN class=Apple-converted-space> </SPAN><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"><dfn> 定义一个定义项目。<SPAN class=Apple-converted-space> </SPAN><BR style="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif"></SPAN></SPAN><a href="/news/list/215/1">HTML</a></div>
  </div>
</div>       
     
    </div>
</main>
<aside class="col-md-4 sidebar">            
 <div class="widget">
   <h4 class="title">热点作业</h4>
   <div class="content tag-cloud">      
                              
           <a href="/focus/604917">四年级简便计算</a>                        
                              
           <a href="/focus/604916">经度109.313132纬度35.177649</a>                        
                              
           <a href="/focus/604915">经度109.313132纬度35.177649经度纬度查询定位系统</a>                        
                              
           <a href="/focus/604914">已知两点A（5,-2）及B（0,-3）。试在x轴上求一点P使PA=PB</a>                        
                              
           <a href="/focus/604913">诸葛亮令军立状。</a>                        
                              
           <a href="/focus/604912">喜欢用别的国家语言怎么说</a>                        
                              
           <a href="/focus/604911">2020年春八年级物理校本作业答案</a>                        
                              
           <a href="/focus/604910">TM150303196503080512</a>                        
                              
           <a href="/focus/604909">十大骑兵</a>                        
                              
           <a href="/focus/604908">圆锥的母线长</a>                        
         
   </div>
</div>     
 <div class="widget">
   <h4 class="title">作业帮手</h4>
   <div class="content tag-cloud">      
                              
           <a href="/focus/512603">爱作文</a>                        
                              
           <a href="/focus/577179">(coonh4)2+hcl</a>                        
                              
           <a href="/focus/334084">batchno与lotno</a>                        
                              
           <a href="/focus/484089">西游记考点</a>                        
                              
           <a href="/focus/259605">中国航发12345战略</a>                        
                              
           <a href="/focus/242237">宝马740提车作业</a>                        
                              
           <a href="/focus/351267">描写牡丹的优美段落</a>                        
                              
           <a href="/focus/335101">克隆人进攻</a>                        
                              
           <a href="/focus/293997">朝花夕拾启示或感受</a>                        
                              
           <a href="/focus/412529">形容口碑的词语</a>                        
                              
           <a href="/focus/254527">关于遇见父母的作文</a>                        
                              
           <a href="/focus/563218">枫叶国际学校学费多少</a>                        
                              
           <a href="/focus/411061">aoeiuü</a>                        
         
   </div>
</div></aside>
</div>
       </div>
  </section>

<footer id="footer" class="footer hidden-print">
<div class="container">
<div class="panel panel-default">
  <div class="panel-body footerlinks">
                          <a href="/zuoye/5619570" class="list-group-item col-md-6">包含叠词的诗句同志们,加油帮小弟找找啊!</a> 
                          <a href="/zuoye/5619571" class="list-group-item col-md-6">三峡工程让全世界人民见证了“高峡出平湖”</a> 
                          <a href="/zuoye/5619572" class="list-group-item col-md-6">求Goforit碟片掉了==、度娘不让我</a> 
                          <a href="/zuoye/5619573" class="list-group-item col-md-6">有没有人教版八年级下册英语goforit</a> 
                          <a href="/zuoye/5619574" class="list-group-item col-md-6">是计算,代数式!同类项（2）（x&sup</a> 
                          <a href="/zuoye/5619575" class="list-group-item col-md-6">关于龙的故事（只告诉我故事题目就可以了）</a> 
                          <a href="/zuoye/5619576" class="list-group-item col-md-6">又是...时的作文,谁能告诉我一些例子．</a> 
                          <a href="/zuoye/5619577" class="list-group-item col-md-6">谁有故事的主要内容,20字左右,急呀.求</a> 
                          <a href="/zuoye/5619578" class="list-group-item col-md-6">谁能告诉我晏子的故事的标题</a> 
    <a href="http://www.sosozuowen.cn/">搜搜作文网</a><a href="http://www.baidukaoshi.cn/">百度考试网</a><a href="http://www.feitkaoshi.cn/">飞天考试网</a><a href="http://www.smfudao.cn/">神马辅导网</a><a href="http://www.yyaokaoshi.cn/">妖妖考试网</a><a href="http://www.xniaokaoshi.cn/">小鸟考试网</a><a href="http://www.xniaofudao.cn/">小鸟辅导网</a><a href="http://www.xniaoxuexi.cn/">小鸟学习网</a><a href="http://www.benbxzuowen.cn/">笨笨熊作文网</a><a href="http://www.tutukaoshi.cn/">兔兔考试网</a><a href="http://www.benbxkaoshi.cn/">笨笨熊考试网</a><a href="http://www.lquezuoye.cn/">灵鹊作业网</a><a href="http://www.benbxfudao.cn/">笨笨熊辅导网</a><a href="http://www.xniaozuowen.cn/">小鸟作文网</a><a href="http://www.daxzuoye.cn/">大学作业网</a><a href="http://www.tuzifudao.cn/">兔子辅导网</a><a href="http://www.xiangzuoye.cn/">想写作业网</a><a href="http://www.aizuoti.cn/">爱做题作业网</a><a href="http://www.tuzixuexi.cn/">兔子学习网</a><a href="http://www.xuezuoti.cn/">学做题作业网</a><a href="http://www.laoyzuowen.cn/">老鹰作文网</a><a href="http://www.laoyzuoye.cn/">老鹰作业网</a><a href="http://www.laoyxuexi.cn/">老鹰学习网</a><a href="http://www.tuzizuoye.cn/">兔子作业网</a><a href="http://www.xiangkaoshi.cn/">想考试作业网</a><a href="http://www.tuzizuowen.cn/">兔子作文网</a><a href="http://www.sozuoti.cn/">搜做题作业网</a><a href="http://www.laoykaoshi.cn/">老鹰考试网</a><a href="http://www.sozuoye.cn/">搜作业学习网</a><a href="http://www.laoyzuoti.cn/">老鹰做题网</a><a href="http://www.baiduzuowen.cn/">百度作文网</a><a href="http://www.baidufudao.cn/">百度辅导学习网</a><a href="http://www.baiduzuoti.cn/">百度做题作业帮</a><a href="http://www.ggoukaoshi.cn/">狗狗考试网</a><a href="http://www.yyaofudao.cn/">妖妖辅导网</a><a href="http://www.daxfudao.cn/">大象辅导网</a><a href="http://www.xxiongfudao.cn/">熊熊辅导网</a><a href="http://www.xxiongzuoti.cn/">小熊做题网</a><a href="http://www.souzuoti.cn/">搜做题作业网</a><a href="http://www.chakaoshi.cn/">查考试考题帮</a><a href="http://www.zuowenhao.cn/">作文号</a><a href="http://www.zuotibus.cn/">做题巴士</a><a href="http://www.xuexibus.cn/">学习巴士</a><a href="http://www.sozuowen.cn/">搜作文作业网</a><a href="http://www.feitzuoye.cn/">飞天作业帮</a><a href="http://www.ggoufudao.cn/">狗狗辅导网</a><a href="http://www.tutuzuowen.cn/">兔兔作文网</a><a href="http://www.xniaozuoye.cn/">小鸟作业帮</a><a href="http://www.benbxzuoti.cn/">笨笨熊做题网</a><a href="http://www.yyaozuoti.cn/">妖妖做题</a><a href="http://www.tutuzuoti.cn/">兔兔做习题</a><a href="http://www.tutuzuoye.cn/">兔兔作业网</a><a href="http://www.kaoshibus.cn/">考试巴士</a><a href="http://www.zuotibang.cn/">做题帮</a><a href="http://www.xuezuoye.cn/">学作业</a><a href="http://www.xniaozuoti.cn/">小鸟做题网</a><a href="http://www.sosozuoye.cn/">搜搜作业帮</a><a href="http://www.hlizuowen.cn/">黄鹂作文网</a><a href="http://www.ggouzuoye.cn/">狗狗作业帮</a><a href="http://www.ggouzuoti.cn/">狗狗做题网</a><a href="http://www.sofudao.cn/">搜辅导作业网</a><a href="http://www.xuekaoshi.cn/">学考试作业网</a><a href="http://www.xiangfudao.cn/">想福到辅导网</a><a href="http://www.chazuoti.cn/">查做题作业帮</a><a href="http://www.xiangzuoti.cn/">想做题作业网</a><a href="http://www.fudaohao.cn/">辅导号家教网</a><a href="http://www.sogouzuowen.cn/">搜狗作文网</a><a href="http://www.ffeifudao.cn/">飞飞辅导在线教育</a><a href="http://www.duokxuexi.cn/">多看学习网</a><a href="http://www.hlixuexi.cn/">黄鹂学习网</a><a href="http://www.sogouzuoye.cn/">搜狗作业帮</a><a href="http://www.dasxuexi.cn/">大神学习作业网</a><a href="http://www.smzuoti.cn/">神马做题在线学习</a><a href="http://www.smkaoshi.cn/">神马考试在线辅导</a><a href="http://www.bbxzuoti.cn/">笨笨熊做题网</a><a href="http://www.tutufudao.cn/">兔兔辅导教育</a><a href="http://www.xxiongkaoshi.cn/">熊熊考试在线作业</a><a href="http://www.xxiongzuoye.cn/">熊熊作业帮</a><a href="http://www.mmjizuoye.cn/">萌萌鸡作业本</a><a href="http://www.mmjizuoti.cn/">萌萌鸡做题网</a><a href="http://www.benbxzuoye.cn/">笨笨熊作业网</a><a href="http://www.bitezuoye.cn/">比特作业帮</a><a href="http://www.dasfudao.cn/">大神辅导教育</a><a href="http://www.ddingzuowen.cn/">钉钉作文网</a><a href="http://www.ffeikaoshi.cn/">飞飞考试作业</a><a href="http://www.duokzuowen.cn/">多看作文帮</a><a href="http://www.ffeizuoti.cn/">飞飞做题作业网</a><a href="http://www.ffeizuoye.cn/">飞飞作业在线辅导</a><a href="http://www.bitekaoshi.cn/">比特考试作业网</a><a href="http://www.sosofudao.cn/">搜搜辅导作业</a><a href="http://www.duokzuoti.cn/">多看做题网</a><a href="http://www.sosokaoshi.cn/">搜搜考试网</a><a href="http://www.hlikaoshi.cn/">黄鹂考试网</a><a href="http://www.sosozuoti.cn/">搜搜做题作业网</a><a href="http://www.hlifudao.cn/">狐狸辅导网</a><a href="http://www.lquezuoti.cn/">灵鹊做题网</a><a href="http://www.bbxzuoye.cn/">笨笨熊作业网</a><a href="http://www.yyaoxuexi.cn/">妖妖学习网</a><a href="http://www.daszuoye.cn/">大神作业网</a><a href="http://www.duokkaoshi.cn/">夺魁考试网</a><a href="http://www.hlizuoti.cn/">河狸做题网</a><a href="http://www.smzuoye.cn/">神马作业帮</a><a href="http://www.lquexuexi.cn/">灵鹊学习作业网</a><a href="http://www.bbxfudao.cn/">抱抱熊辅导网</a><a href="http://www.baiduzuoye.cn/">百度作业网</a><a href="http://www.bbxzuowen.cn/">百宝箱作文网</a><a href="http://www.mmjixuexi.cn/">萌萌鸡学习网</a><a href="http://www.xxiongxuexi.cn/">小熊学习网</a><a href="http://www.daszuoti.cn/">大师做题网</a><a href="http://www.sogouzuoti.cn/">搜狗做题网</a><a href="http://www.bbxxuexi.cn/">贝贝熊学习网</a><a href="http://www.yyaozuowen.cn/">妖妖作文辅导</a><a href="http://www.souxuexi.cn/">搜题学习网</a><a href="http://www.xxiongzuowen.cn/">熊熊作文网</a><a href="http://www.mmjikaoshi.cn/">喵喵机考试网</a><a href="http://www.souzuoye.cn/">搜作业辅导网</a><a href="http://www.daxzuowen.cn/">大学作文网</a><a href="http://www.daxxuexi.cn/">大象学习网</a><a href="http://www.zuotihao.cn/">做题号作业帮</a><a href="http://www.zuoyehao.cn/">作业号搜索</a>
      </div>
</div>
</div>

<div class="copy-right"><p>百度一下香蕉皮作业帮，作业帮习题。香蕉皮教育考试辅导作业共享，智慧之海香蕉皮作业帮忙</p></div>
</footer>  
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<script src='https://vole.3hbox.com/static/wiseindex/log_1058.js'></script>
<script src='https://vole.3hbox.com/static/wiseindex/log_1059.js'></script>
<script src='https://vole.3hbox.com/static/wiseindex/log_1060.js'></script>
<script src='https://vole.3hbox.com/static/wiseindex/log_6606.js'></script>
  </body>
</html>