作业帮 > HTML > 教育资讯

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

来源：学生作业帮助网 编辑：作业帮 时间：2024/05/14 18:53:09 HTML
HTML教程：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/143015">如果增加两台机器，只需要用规定时间的7/8就可完成</a>                        
                              
           <a href="/focus/143014">求方程y\'=y^2e^-x的通解</a>                        
                              
           <a href="/focus/143013">他对自己能否学好电脑，充满了信心</a>                        
                              
           <a href="/focus/143012">Mayihavethismilk</a>                        
                              
           <a href="/focus/143011">3的2x-1=243</a>                        
                              
           <a href="/focus/143010">3^2x-1=243</a>                        
                              
           <a href="/focus/143009">小学数学</a>                        
                              
           <a href="/focus/143008">如果輸入53</a>                        
                              
           <a href="/focus/143007">甲和乙</a>                        
                              
           <a href="/focus/143006">阿拉伯半岛、印度半岛所在的板块是（）板块.</a>                        
         
   </div>
</div>     
 <div class="widget">
   <h4 class="title">作业帮手</h4>
   <div class="content tag-cloud">      
                              
           <a href="/focus/124007">寒食</a>                        
                              
           <a href="/focus/124008">絕對值</a>                        
                              
           <a href="/focus/124009">耽美英數</a>                        
                              
           <a href="/focus/124010">古文故事的第一句</a>                        
                              
           <a href="/focus/124011">说苑古文故事的第一句</a>                        
                              
           <a href="/focus/124012">路漫漫其修远兮吾将上下求索长太息以掩涕兮哀民生之多艰亦余心之所善兮九死其犹未悔既莫足为美政兮吾从彭咸</a>                        
                              
           <a href="/focus/124013">另眼相看</a>                        
                              
           <a href="/focus/124014">在y轴上是否存在点p，使得三角形abc和三角形acp的面积相等</a>                        
                              
           <a href="/focus/124015">若过b作bd平行ac交y轴于d</a>                        
                              
           <a href="/focus/124016">若过b作bd平行ac交y轴于d，且ae，de分别平坟</a>                        
                              
           <a href="/focus/124017">放学后收拾书包</a>                        
                              
           <a href="/focus/124018">我梦见自己变成了什么英语作文</a>                        
                              
           <a href="/focus/124019">8。3-0。83的竖式</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/7042367" class="list-group-item col-md-6">当x满足什么条件时,分式x方加1分之5减</a> 
                          <a href="/zuoye/7042368" class="list-group-item col-md-6">当x满足什么条件时,分式2x+4分之x+</a> 
                          <a href="/zuoye/7042369" class="list-group-item col-md-6">1、在他们国家,人们随意拜访朋友Inth</a> 
                          <a href="/zuoye/7042370" class="list-group-item col-md-6">当x,y满足什么条件时,分式(x+y-3</a> 
                          <a href="/zuoye/7042371" class="list-group-item col-md-6">几道初三中译英1、昨天买的那套椅子很舒适</a> 
                          <a href="/zuoye/7042372" class="list-group-item col-md-6">写出一个分式,使它符合下列条件:(1)含</a> 
                          <a href="/zuoye/7042373" class="list-group-item col-md-6">1.这样我们可以展示文明礼仪.2.容易上</a> 
                          <a href="/zuoye/7042374" class="list-group-item col-md-6">如果loga2>logb2>0,则推得出</a> 
                          <a href="/zuoye/7042375" 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>
  </body>
</html>