HTML基础知识5——<div>和<span>标签

<div><span>标签

(1)div标签

它是一个区块容器标签,<div></div>之间是一个容器,可以包含段落、表格、图片等各种HTML元素

注意:img标签引入图片时,路径中使用斜杠/和反斜杠是一样的

(2)<span></span>

块级标签和行内标签

块级标签:占据一行,换行(主要用于网页布局的处理)

常用的块级标签有:

<div><ul><ol><li><dl><dt><dd><h1>~<h6><p><form><hr>......

行内标签:在一行,不换行(主要用于网页中具体细节的处理)

他没有实际意义,为了应用样式

常用的行内标签有:

<b><em><img><input><a><sup>,sub>,textarea><span>......

标签嵌套的规则

(1)块级元素可以包含行内元素和某些块级元素

(2)行内元素不能包含块元素,只能包含其他的行内元素

(3)块级元素不能放在<p>标签内

(4)有些特殊块级元素只能包含行内元素,不能再包含块级元素如:h1~h6、p、dt......

  (5)块级元素与块级元素并列,行内元素与行内元素并列,如:

<div><h1></h1><span></span></div>这种写法是不正确的,在块级标签中同时包含了块级元素和行内元素

日积月累
原文地址:https://www.cnblogs.com/qiumh/p/11921863.html