一、DIV

1.简介

在html中布局使用最多标签为div，
我们通常将网页重构说成div css制作。
Div本身没有什么特别之处，只是div标签替代了以前table标签布局。
我们通过对div标签对象设置不同样式实现我们要的美化效果。
通常一对未设置任何样式的div，独占一行。

2.作用

Div起分割作用，是分割内容常使用的标签。DIV+CSS更是起到分割与设置对应样式作用。

3.案例

<!DOCTYPE html>
<html>
<head>
</head>
<body><div>第一个div</div><div>第二个div</div><div>第三个div</div>
</body>
</html>

二、span

1.简介

在HTML中，除了使用div标签布局外，我们也常常使用span标签布局。
span本身没有什么特别之处，通常网页布局都可以使用此标签布局。
我们也可以通过对span标签对象设置不同样式实现我们要的美化效果。
特性，通常一对未设置任何样式的span，高宽是自适应内容，多容多少，此标签就占用多少距离空间。

2.语法

在span标签内部加我们所需要的内容即可

3.案例


<!DOCTYPE html>
<html>
<head>
</head>
<body>
<span>我是span标签</span>
<span>我是span标签AAA</span>
</body>
</html>

Div与Span标签详解相关推荐

Div span 标签详解
<div>(divsion)简单而言是一个取款容器标记,也就是说<div></div>之间是一个容器,可以容纳段落,标题,表格,图片,章节,摘要和备注等各种HTML ...
html span标签详解
1, SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN. <span>SPAN标记有一个重要而实用的特性,即 ...
web前端 --- HTML标签详解
HTML标签详解 head头标签: meta标签.title标签.link标签.style标签.script标签 body标签: 字体标签: h1~h6标签.font标签.u标签.b标签.strong ...
HTML marquee标签详解
HTML marquee标签详解在论坛默认的编辑状态下,我们可以通过UBB语法的move和fly语句让对象动起来,但功能很简单,只是平行地移动.而我们使用HTML的Marquee语句则可以产生更多的 ...
html5无意义标签,无意义的div和span标签
HTML 元素是块级元素,它是可用于组合其他 HTML 元素的容器. 元素没有特定的含义.除此之外,由于它属于块级元素,浏览器会在其前后显示折行. 如果与 CSS 一同使用, 元素可用于对大的内容块设 ...
前端基础-HTML的的标签详解
阅读目录一.head内常用标签二. HTML语义化三. 字符实体四. h系列标签五. p标签六. img标签七. a标签八. 列表标签九. table标签十. form标签一. ...
W3C中meta标签详解
2019独角兽企业重金招聘Python工程师标准>>> meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <meta ...
css div下第一个span,CSS之div和span标签
div和span是非常重要的标签,div的语义是division"分割": span的语义就是span"范围.跨度". 这两个东西,都是最最重要的"盒 ...
HTML基本标签详解与运行截图
Web前端基础修炼 HTML基本标签详解与运行截图 CSS基本操作详解及截图演示 JavaScript基础(ECMAScript) JavaScript中DOM操作 JavaScript中BOM操作 ...

Div与Span标签详解

Div与Span标签详解

一、DIV

1.简介

2.作用

3.案例

二、span

1.简介

2.语法

3.案例

Div与Span标签详解相关推荐

最新文章

热门文章