`
myway84
  • 浏览: 202987 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
文章分类
社区版块
存档分类
最新评论

html中的分区标签

阅读更多
再HTML文档中常用的标签有两个,div和span
---<div></div>该标签对又称为区域标签,用于将若干相邻的HTML元素组合成一个区域块,对该区域块进行操作和设置就可以完成对区域块中元素的操作和设置。
    该标签不能嵌套再<p></p>标签对中/在该标签对中可以包含文字,图像,表格等标签。用其属性align设置文本块。文字段或标题再网页上的对其方式。取值为left center right 默认为left
其格式为
<div align="left|center|right">文本图像或表格</div>


---<span></span>:该标签本身没有任何意义,专门用于CSS和客户端脚本编程中,可以在同一行文本内选取一个片段。

<div>和<span>的不同之处是,<div>是一个定义区域块的元素,在该标签对之间是一个完整的区域块。  而<span>是文本级元素,可以在段落,列表条目等项目中使用,该标签不能嵌套在其他封闭级元素中。
<html>
  <head>
  <title>分区标签的范例</title>
  </head>
 <body>
   <center> 
    <h1>div标签和span标签的应用</h1>
   </center>
  <div align="center">
    <img src="010.jpg" width="150" height="150">
      <p>用div和span属性可以设置文本块 文字段 标题或图像在网页上的对其方式。取值          为left center right 默认为left 。该网页和文本的取值为center
       </p>
  <span>
    <img src="010.jpg" width="150" height="150">
       <p>span本身并没有任何意义,专门用于CSS和客户端脚本编程中,可以再同一行文本中选取一个片段</p>
       </p>
  </span.
</body>
</html> 

用div标签对图片及文本文字进行设置,用其align属性设置图片和文字居中,
用span标签对图片和文本进行设置,由于该标签本身并没有意义,所以对该标签对内元素并不起作用,只是用于CSS与客户端脚本的编程。
分享到:
评论

相关推荐

    html标签和属性总结

    超链接是HTML标签中非常重要的一部分,它可以实现从一个页面指向另一个页面的跳转。超链接的语法包括: * 文字超链接:”被访问的路径” target=”何处打开文档” title=”显示额外信息”&gt;名字 * 图像超链接:”...

    HTML静态页面的标签

    8. 分区标签:,用于定义结构化块状元素,作为逻辑分区即容器来使用。 9. 图片标签:,用于添加图片,alt 属性定义图片找不到时所显示的信息,title 属性定义鼠标移动到图片上时所显示的信息,src 属性定义要加载的...

    html基本语法标签

    HTML基本语法标签是构建网页的基础,包括基本结构标签、链接标签、图片标签、换行标签、分段标签、字体样式标签、表格标签、表格单元格标签、字体标签、对齐标签、水平画线标签、强制换行标签、文本标签、加粗文字...

    HTML5常用基础标签.docx

    分区标签用于将网页分成几个部分,例如: * `&lt;div&gt;&lt;/div&gt;`:分区标签。 六、列表标签 列表标签用于显示列表信息,例如: * `&lt;ol&gt;&lt;/ol&gt;`:有序列表。 * `&lt;ul&gt;&lt;/ul&gt;`:无序列表。 * `&lt;dl&gt;&lt;/dl&gt;`:定义列表。 七、...

    Html5新增标签有哪些

    1. 标签:这是HTML5中新增的一个用于嵌入音频内容的媒体播放标签。它允许直接在网页中嵌入音频文件,而无需任何插件支持。主要属性包括: - src:音频文件的路径; - controls:向用户显示播放控件; - autoplay...

    HTML5标签速查表.pdf

    ### HTML5标签速查表详解 #### 一、基础标签 ...#### 十、样式与分区标签 **10.1 样式标签** **标签**: `&lt;style&gt;` **描述**: 定义文档的样式信息。 **10.2 分区标签** **标签**: `&lt;div&gt;`, `&lt;span&gt;` **...

    HTML基本标签详细介绍PDF

    除了上述标签,HTML还有许多其他标签,如`&lt;div&gt;`(定义分区)、`&lt;span&gt;`(定义文本范围)、` `(换行)、`&lt;hr&gt;`(水平线)等。熟练掌握这些基础标签是创建动态、交互式网页的关键。通过组合使用这些标签,开发者...

    HTML基本标签属性总结

    HTML基本标签属性总结 部分内容如下:(下载可看全文) &lt;meta http-equiv="content-type" content="text/html" charset="gb2312"&gt; 4种块结构:div-ul(ol)-li 导航菜单 div-dl-dt-dd 图文混编 table-tr-td 规整...

    HTML5常用基础标签

    - **分区标签** `&lt;div&gt;`: 用于组合文档中的部分并对其应用样式或脚本。 3. **行级标签**: - **`&lt;span&gt;`**: 用于包裹文本,并允许添加内联级别的样式。 - **`&lt;img&gt;`**: 图片标签。 - **`src`**: 图片源文件的URL...

    地图分区链接 示例源码

    首先,我们需要了解HTML中的`&lt;area&gt;`标签。`&lt;area&gt;`是HTML `&lt;map&gt;`元素的子元素,用于定义图像映射,即在图像上创建可点击的热点区域。它通过`shape`属性定义区域形状(如矩形、圆形或不规则多边形),`coords`属性...

    即用即查HTML+CSS标签参考手

    - **层标记**:`&lt;div&gt;`,用于定义文档中的一个分区或节。 - **层的对齐**:同样可以通过`align`属性来设置层的对齐方式。 - **层的样式设置**:`style`属性允许直接在`&lt;div&gt;`标签内定义CSS样式。 - **2.3 文字...

    Gparted 磁盘分区编辑器操作基础

    标题 "Gparted 磁盘分区编辑器操作基础" 提供了我们即将探讨的核心工具——Gparted,这是一个在Ubuntu和Linux系统中广泛使用的图形界面磁盘分区管理软件。这个教程由6个部分组成,旨在帮助用户了解并熟练掌握Gparted...

    html-常用HTML、CSS标签属性.pdf

    * `&lt;DIV&gt;`:定义分区标签,用于分区显示内容 * `&lt;EMBED&gt;`:定义多媒体文件标签,用于播放音乐或视频文件 HTML属性: * `ALIGN`:定义对齐方式,包括 左对齐、居中、右对齐 * `WIDTH`:定义对象宽度,可以是像素值...

    无损调整分区大小.zip

    标签"自动"、"调整"、"分区"进一步明确了这个压缩包的内容焦点。"自动"表明软件可能具有自动化功能,减少了用户手动操作的步骤;"调整"指的是改变分区大小;"分区"则是指硬盘上的逻辑存储区域。 压缩包内的文件列表...

    HTML标签总结

    #### &lt;div&gt;: 分区标签 - **功能**:定义文档中的分区或节。 - **用法**:作为容器元素,用于将文档划分为逻辑部分。 #### &lt;dfn&gt;: 定义标签 - **功能**:定义定义列表中的术语。 - **用法**:通常与`&lt;dd&gt;`元素配对...

    Html中用table画斜线

    在HTML中,`&lt;table&gt;`元素是用于创建表格的关键组件,它在网页布局和数据展示中扮演着重要角色。在某些场景下,我们可能需要在表格的单元格(`&lt;td&gt;`)内添加斜线,以达到特殊的视觉效果或区分不同的信息。例如,在描述...

    HTML标签简单总结

    - ****:此标签用于定义文档中的一个分区或节,可以用来把文档分割为独立的、不同的部分。可以添加style属性和id属性进行样式化和标识。 #### 表格标签 - ****:此标签用于定义表格,可以添加summary属性以提高...

    20.2 HTML 常用标签

    在“20.2 HTML 常用标签”这个主题中,我们将深入探讨一些HTML中不可或缺的核心标签,这些标签对于创建功能性且结构清晰的网页至关重要。 1. **文档类型声明(&lt;!DOCTYPE html&gt;)**:这是每个HTML文档的开头,用于...

    HTML标签说明

    - **应用场景**: 当你需要在HTML文档中添加一些不会显示在浏览器中的注释时,可以使用这个标签。 #### &lt;!DOCTYPE&gt; - **标签**: `&lt;!DOCTYPE&gt;` - **描述**: 用于声明HTML文档的类型。 - **应用场景**: 在每个HTML文档...

Global site tag (gtag.js) - Google Analytics