HTML字块表现

来源:互联网 发布:淘宝即将开售的怎么抢 编辑:程序博客网 时间:2024/06/02 15:21

1. HTML div 标签

div 标签 -- 表示一个块
  • 此标签是成对出现的,以<div>开始,以</div>结束
  • 就像span标签一样,和CSS联合起来才能显示出它的威力

div表示一个块,并无实际的意义,可以通过CSS样式(style)为其赋予不同的表现.

具体用法可以查看CSS的idclass选择符. 

2. HTML h1 h2 h3 h4 h5 h6 标签

h,h1,h2,h3,h4,h5,h6 标签 -- 表示文章的标题
  • 此标签是成对出现的,以<h>开始,以</h>结束
<body>
      
<h>文章的主标题</h>
      
<p>介绍</p>
      
<section>
          
<p>....</p>
          
<h>文章的二级标题</h>
          
<p>....</p>
          
<h>另一个二级标题</h>
          
<p>....</p>
      
</section>
      
<section>
          
<p>....</p>
          
<h>下一个二级标题</h>
          
<p>....</p>
      
<section>
          
<h>三级标题</h>
          
<p>....</p>
      
</section>
      
</section>
  
</body>

3. HTML p 标签

p 标签 -- 表示段落,里面可以加入文字,列表,表格等
  • 此标签是成对出现的,以<p>开始,以</p>结束
<p>写HTML注意什么?
    
<ul>
        
<li>要有层次感</li>
        
<li>有必要的注释</li>
        
<li>选用适当的块表现</li>
    
</ul>
</p>

4. HTML blockcode 标签

blockcode 标签 -- 表示程序的代码块
  • 此标签是成对出现的,以<blockcode>开始,以</blockcode>结束
<blockcode class="PHP">
    function dreamdu 
    {
        $myUrl= www.bobo.com.cn;
        echo $myUrl;
    }
</blockcode>

5. HTML blockquote 标签

blockquote 标签 -- 表示引用块
  • 此标签是成对出现的,以<blockquote>开始,以</blockquote>结束
<blockquote cite="http://www.bobo.com.cn/">
    
<p>标准网页设计要区分内容与表现,学习标准网页设计.</p>
</blockquote>