HTML基本常识——分区标签（div，span）

最新推荐文章于 2024-03-29 14:19:47 发布
最新推荐文章于 2024-03-29 14:19:47 发布
阅读量5.7k 收藏 6
点赞数 1
分类专栏： DIV+CSS 文章标签： HTML 分区标签 div和span区别
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37196494/article/details/95636595
版权

在HTML文档中常用的分区标签有两个：div标签（主讲这个）、span标签

      1.div标签：区域标签（容器标签），用来作为多种html标签组合的容器，对该区域块进行操作和设置

        div标签不能嵌套在p标签对中

       2.span标签：用来做为片段文字图片等简短内容的容器标签

       span标签不能嵌套在其他的封闭级元素中

区别：

span是文本级元素，默认不会占整行，可在一行显示多个span，span常在段落、列表条目等项目中使用。

封闭级元素：body的成对标签

混吃混喝的废物
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML中div和span比较_动力节点Java学院整理
01-21
<div></div>标签可定义文档中的分区或节（division/section），从而把文档分割为独立的、不同的部分。<div></div>标签可以作为一种严格的组织工具，并且不使用任何格式与其关联，这其中包含一种HTML标记和表现样式相...
操作系统小作业————动态分区分配代码
05-18
操作系统的动态分区分配代码
HTML系列之div和span标签
老__L的博客
10-23 5047
本文主要介绍div、span标签。 标签（或 HTML 文档分区元素）是一个通用型的流内容容器，在不使用 CSS 的情况下，其对内容或布局没有任何影响。标签是短语内容的通用行内容器，并没有任何特殊语义。这两个都是盒子，用来装我们网页元素的，只不过他们有区别，现在我们主要记住使用方法和特点就好了。div 标签，是用来布局的，但是现在一行只能放一个 div；div 的开始标签和结束标签都不能省略；
HTML之常见的元素 (三)：HTML结构分析、常见的标签、div元素与span元素、HTML全局属性
Good Good Study,Day Day Up!
03-05 574
我们发现页面可以不用div、span，也可以全部都用，但这样会导致页面全都是div，为了避免这种极端现象，目前有一个新的概念。，即让最正确的元素做最正确的事情，该是标题就用h元素，样式可以通过css再修饰。在一个页面中通常会有一些比较重要的文字作为标题，这个时候我们可以使用h元素。a元素中不存放文字，而是存放一个img元素，也就是img元素是a元素的内容。我们可以看到，当请求百度是失败的，为什么呢？在很多网站我们会发现图片也是可以点击进行跳转的，.大部分的HTML元素都是在body中呈现的。
史上最全HTML分类标签，看完不了解来砍我
最新发布
2401_83916394的博客
03-29 1030
技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。有需要面试题资料的朋友点击这里即可获取！！！。即可获取！！！
HTML常用标签总结
weixin_64182409的博客
05-07 4910
一些常用的HTML标签的介绍与使用
HTML 的四大内容标签
weixin_51182359的博客
04-21 2358
HTML内容的四大标签
html简单网页分布设计
wenqi1的博客
08-27 1902
建议先往后翻看图，看有没有需要再看代码。 我们首先要对网页的整体页面进行规划，分出区域，下面对大框架的区域分布写个例子： <!doctype html> <html lang="en"> <head> <title>div和span应用2</title> <meta charset="utf-8"> <style type="text/css"> .header{ background-color:
html：常见标签以及标签的默认样式
YangLu888
09-30 3927
html常见标签以及标签的默认样式和默认样式的清除、换行元素和不换行元素以及li排列在一行。
Html5新增标签有哪些
09-27
给大家整理了html5新增的九个标签，非常不错，需要的朋友参考下
HTML基本标签属性总结
10-30
HTML基本标签属性总结 部分内容如下：（下载可看全文） <meta http-equiv="content-type" content="text/html" charset="gb2312"> 4种块结构：div-ul(ol)-li 导航菜单 div-dl-dt-dd 图文混编 table-tr-td 规整...
Lesson02_06 分区标签
10-31
Lesson02_06 分区标签
HTML常用的标签
Battles2的博客
09-13 2095
定义列表与前两个列表使用不同，它包含了3个标签：、、。
html中常见标签及其用法归纳大全
2301_79234439的博客
08-20 4682
用_blank属性，百度一下
HTML高级（分区标签）
web开发自学
09-11 615
分区标签： &lt;div&gt;&lt;/div&gt; 该标签可以用来组合其他的HTML元素，但不能潜逃在段落元素中 &lt;span&gt;&lt;/span&gt; 分段取出文本元素 &lt;span&gt;zhang&lt;/span&gt;san &lt;div align=center&gt; &lt;p&gt;第一段&lt;/p&g
HTML——span与div详解
only_tao的博客
02-17 1041
首先看一些一些主流网站对span的解释 MDN： span 元素是短语内容的通用行内容器，并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图（通过使用类或者Id属性），或者这些元素有着共同的属性，比如lang。应该在没有其他合适的语义元素时才使用它。span>与 div 元素很相似，但 div 是一个 块元素 而 span 则是 行内元素 。 w3school： span 来组...
C#--HTML标签（列表、分区）
萍踪侠影
06-13 706
列表标签 实例： &lt;select&gt; &lt;option value="0"&gt; yhb@itcast.cn &lt;/option&gt; &lt;option selected="selected" value="1"&gt; yhb@126.com&lt;/option&gt;
Linux查看分区label信息
a3121772305的博客
05-10 1801
知道分区的label信息，怎么查找到对应的是哪一个设备文件，以userdata分区为例： 执行如下命令： /sbin/blkid | grep "userdata" | awk -F'[":"%]+' '{print($1)}' 命令输出： Linux的分区label查看方式如下： 执行命令：/sbin/blkid 输出如下： /dev/sde50: PARTLABEL="multiimgoem" PARTUUID="8c92ee74-0b82-1c43-7c7a-3c2d64f
html 标签 与div效果一致的标签有哪些
03-26
一些效果类似于 `div` 标签的 HTML 标签包括： 1. `section` 标签：用于按照主题或内容分区页面的大块。 2. `article` 标签：用于将单独的文章或帖子分离出来。 3. `header` 标签：用于定义页面或区域的标题。 4. `footer` 标签：用于定义页面或区域的页脚。 5. `nav` 标签：用于定义页面的导航部分。 6. `main` 标签：用于定义页面的主要内容区域，相当于 `div` 的主要作用。 以上标签与 `div` 类似，用于组织内容，但它们都有特定的语义。除此之外，还有一些标签，例如 `span`、`p`、`ul`、`ol`、`li` 等，它们都可以用来组合和包裹内容，但通常没有像 `div` 或上面提到的标签那样用于布局。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值