HTML块元素

HTML div 标签

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

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

具体用法可以查看id与class选择符.

<div>一个块</div>

HTML h 标签

h标签包括,h1,h2,h3,h4,h5,h6 标签 -- 文章的标题标签
  • h标签是成对出现的,以<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>


HTML p 标签

p 标签 -- 段落标签,里面可以加入文字,列表,表格等
  • p标签是成对出现的,以<p>开始,以</p>结束
  • 属性:
  • p是paragraph的缩写

示例

<p>蔬菜
    <ul>
        <li>苹果</li>
        <li>香蕉</li>
        <li>桃子</li>
    </ul>
</p>

HTML address 标签

address 标签 -- 地址标签
  • address标签是成对出现的,以<address>开始,以</address>结束
  • 属性:

示例

<address href="mailto:dreamdu@dreamdu.com">梦之都 webmaster</address>

HTML blockcode 标签

blockcode 标签 -- 程序的代码块标签
  • blockcode标签是成对出现的,以<blockcode>开始,以</blockcode>结束
  • 属性:
    • common -- 公共属性
    • cite -- 被引用代码的URI

示例

<blockcode class="PHP" cite="http://www.dreamdu.com/xhtml/tag_blockcode/">
function dreamdu()
{
    $dreamdu = "www.dreamdu.com";
    echo $dreamdu;
}
</blockcode>

HTML blockquote 标签

blockquote 标签 -- 引用块标签
  • blockquote标签是成对出现的,以<blockquote>开始,以</blockquote>结束
  • 属性:
    • Common -- 一般属性
    • cite -- 被引用内容的URI

示例

<blockquote cite="http://www.dreamdu.com/xhtml/">
    <p>标准网页设计要区分内容与表现,学习标准网页设计.</p>
</blockquote>

HTML pre 标签

pre 标签 -- 按原文显示标签，可以把原文件中的空格,回车,换行,tab键表现出来
  • pre标签是成对出现的,以<pre>开始,以</pre>结束
  • 属性:

示例

<pre> 
         All
       I   have
    to          do
       is   learn
         HTML
	                                 --梦之都
</pre> 
 

HTML section 标签

section 标签 -- 一般联合h标签一起使用,表示一部分
  • section标签是成对出现的,以<section>开始,以</section>结束
  • 属性:

示例

<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>

HTML separator 标签

separator 标签 -- 文档分隔符标签
  • separator标签是单独出现的,<separator />
  • 属性:

示例

<p>www.dreamdu.com</p>
<separator />
<p>梦之都</p>

<nl>
    <label>网址</label>
    <li href="http://www.dreamdu.com/">dreamdu.com</li>
    <li><separator /></li>
    <li href="prev">Previous</li>
    <li href="#">Up</li>
    <li href="next">Next</li>
</nl>
 
 
posted @ 2016-06-20 15:54  逝意遨游  阅读(223)  评论(0)  编辑  收藏  举报