作业帮 > HTML > 教育资讯

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

来源：学生作业帮助网 编辑：作业帮 时间：2024/05/14 11:06:25 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/451936">c3xr</a>                        
                              
           <a href="/focus/325794">种子萌发过程物质变化</a>                        
                              
           <a href="/focus/266026">宁夏人口2017总人数</a>                        
                              
           <a href="/focus/360012">时相差</a>                        
                              
           <a href="/focus/274025">暗香小说在线阅读</a>                        
                              
           <a href="/focus/445119">格的组词</a>                        
                              
           <a href="/focus/403403">a的n次方-b的n次方</a>                        
                              
           <a href="/focus/476220">中国应该死些人</a>                        
                              
           <a href="/focus/280946">望远镜10x42什么意思</a>                        
                              
           <a href="/focus/499417">敬老孝亲的作文300字</a>                        
                              
           <a href="/focus/365008">wow任务合算的计划</a>                        
                              
           <a href="/focus/482682">地球有哪些优点</a>                        
                              
           <a href="/focus/238713">邓稼先以生么?那表现方法</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/3115022" class="list-group-item col-md-6">真相了是什么意思</a> 
                          <a href="/zuoye/3115023" class="list-group-item col-md-6">不明真相的群众</a> 
                          <a href="/zuoye/3115024" class="list-group-item col-md-6">真相是什么意思</a> 
                          <a href="/zuoye/3115025" class="list-group-item col-md-6">廉洁文化进校园的作文该怎么写</a> 
                          <a href="/zuoye/3115026" class="list-group-item col-md-6">高中写景好词好句</a> 
                          <a href="/zuoye/3115027" class="list-group-item col-md-6">描写景物的好词好句有哪些?急~~~~~~</a> 
                          <a href="/zuoye/3115028" class="list-group-item col-md-6">实际意义.</a> 
                          <a href="/zuoye/3115029" class="list-group-item col-md-6">噗什么么意思</a> 
                          <a href="/zuoye/3115030" class="list-group-item col-md-6">噗什么意思啊</a> 
    <a href="http://www.52pingyi.com/" class="list-group-item col-md-6">我爱平邑</a><a href="https://www.csdndocs.com/" class="list-group-item col-md-6">程序文库</a><a href="https:/
/www.b7pu.com/" class="list-group-item col-md-6">兵器谱</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>