zoukankan html css js c++ java

HTML块元素

HTML div 标签

div 标签 -- 块标签

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

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

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

<div>一个块</div>

HTML h 标签

h标签包括,h1,h2,h3,h4,h5,h6 标签 -- 文章的标题标签

h标签是成对出现的,以<h>开始,以</h>结束
属性:
- Common -- 一般属性

示例

<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>结束
属性:
- Common -- 一般属性
p是paragraph的缩写

示例

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

HTML address 标签

address 标签 -- 地址标签

address标签是成对出现的,以<address>开始,以</address>结束
属性:
- Common -- 一般属性

示例

<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>结束
属性:
- Common -- 一般属性

示例

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

HTML section 标签

section 标签 -- 一般联合h标签一起使用,表示一部分

section标签是成对出现的,以<section>开始,以</section>结束
属性:
- Common -- 一般属性

示例

<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 />
属性:
- Common -- 一般属性

示例

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

查看全文

相关阅读:
FreeCAD二次开发-界面交互创建块工具
 vscode中使用git将自己的代码提交到码云
 js获取单页面参数(正则表达式)
小程序的wx.request的封装
 前端实现截屏处理
 二维数组转化为json数组
 css更改滚动条样式
 盒子没有高度时填充背景图片
 页面初次渲染loading图
 layui分页的使用心得

原文地址：https://www.cnblogs.com/JSWBK/p/5600780.html